quaily.com では表示される画像のサイズが統一されていないため、記事内では元のサイズ(16:9)で出力されるのに対し、多くのリスト表示箇所では正方形にトリミングされて出力されます。その結果、私のカバー画像の左右両側が切り取られてしまい、一部の文字が見えなくなってしまいます。今日少し調べて、元の画像のコンテンツを完全に保持したまま正方形に変換する方法がないか探してみました。

しばらく検索したところ、ほとんどのウェブサイトやツールは中央部分だけをトリミングして左右を切り捨てる方法しか提供していませんでした。最終的に Free Square Your Photo Tool - Create Square Photos を見つけました。これはBlur Fill(ぼかし埋め)やColor Fill(色埋め)といった方法を提供し、正方形画像の上下を埋めてくれます。これが現在見つかっている解決策です。

gh|417

ImageMagickコマンドラインツールを使っても、同様の正方形画像を生成できます:

  • 最初のコマンドは、上下が黒背景の正方形画像を生成します。
  • 2番目のコマンドは、上下が透明背景の正方形画像を生成します。
c:\util\imagemagick\convert input.png -resize 1080x1080 -gravity center -background black -extent 1080x1080 output.png
c:\util\imagemagick\convert input.jpg -resize 1080x1080 -gravity center -background none -extent 1080x1080 -alpha set output.png