イベントポスター画像をウェブ向けに最適化する方法

印刷用ポスターはスマートフォンの表示領域より大きく、重いのに文字が読めないことがあります。印刷用原本とは別にウェブ版を書き出します。Jimdoの画像ガイドは原本、形式、縮小、切り抜き、ファイル名、代替テキストを扱います。イベントでは日時と購入先をページ本文にも載せることが重要です。

Boletolibre編集部

公開日 2026年10月14日

原本を保存し、掲載場所を決める

高解像度の印刷原本を残し、カード、横長の見出し、スマートフォン、SNSプレビュー向けに別々に書き出します。縦長ポスター全体を横長の見出しに入れると文字が小さくなるため、全体が必要か絵柄だけでよいか決めます。

Jimdoのガイドは質のよい原本と統一感を勧めますが、例の寸法は万能な規格ではありません。[1]

写真はWebPやAVIFで効率よく圧縮できる場合があります。必要なら互換用の形式も用意します。平面的な図案や文字はPNG、可逆WebP、適切に作成したSVGを比較します。損失圧縮で失った細部は後から戻りません。[2]

表示されるピクセル数と転送バイト数を見ます。印刷用DPI情報だけで画面上の幅は決まりません。万人向けの固定ピクセル数や容量はありません。[3]

レスポンシブ画像は端末に合う候補をブラウザーが選ぶ仕組みで、寸法指定は表示領域を確保します。[3]

日時、時間帯、会場、価格、購入リンクを画像内だけに置かないでください。W3Cは可能な限り実際の文字を使い、画像の重要な文字には同等の代替情報を求めます。本文に情報を再掲する方が非常に長い代替テキストより役立つことがあります。[5]

Googleは短く説明的なファイル名と、関連本文の近くにある画像、キーワードを詰め込まない代替テキストを勧めています。[4]

スマートフォン、PC、可能なら低速回線で確認し、将来の修正に備えて原本と採用版を保存します。