Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

ImageMagicでサイズのまちまちな画像を結合する際に背景を透過色にする

More than 5 years have passed since last update.

CSSスプライトを使うために、画像を一枚にまとめるのにImageMagicを使います。
(SASSでやるときもありますが。)

横幅がまちまちな画像を結合すると、余白部分ができますがそこが白色で透過されない事態に遭遇しました。
あんまりよろしくないので、余白部分の背景を透過する方法を探しました。
いろいろ探してやっと実行できたと思った数日後、
画像を再結合しなければならなくなって、散々調べたやり方をすっかり忘れてしまっていたので、メモ代わりに投稿しておきます。

convert -background "rgba(0,0,0,0)" -append *.png sprite.png

検索してもドンピシャな回答は出てこなくて困った。

-backgroundは末尾ではエラーが出ます。
また、色指定をダブルクオテーションで括るのもミソかも。当たり前なんだろうけど。

HieroglypH
フリーランスのウェブエンジニア。フロントエンド中心です。 ブラウザのバグや、JavaScript関連のつまずきポイントなど、小ネタが多い。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away