1枚の画像から作る
4種のJPGの違い

4ファイルの実際の仕様

ZIP作成ボタンを押すと、現在のプレビューcanvasを基準に、次の4処理をそれぞれ実行します。すべてJPGですが、目的に応じて長辺、品質補正、透かしが異なります。

たとえば基本品質94を使うと、ブラウザのJPGエンコーダーへ渡される値は、SNS 0.94、ポートフォリオ 0.96、サンプル 0.90、サムネイル 0.88です。これは「ファイルサイズが必ず何MBになる」という意味ではありません。実際のサイズは色の変化、ノイズ、透明背景の合成結果、ブラウザのエンコーダーによって変わります。

長辺を基準に縮小する理由

縦長と横長の画像を同じ固定解像度にすると、一方向が変形したり、強制的に切り取られたりします。DrowPackは現在のcanvasの幅と高さのうち、大きい方を基準に比率を計算します。

1. 現在のcanvasサイズを読み取ります。ユーザーがリサイズを適用している場合は、変更後のcanvasが基準です。
2. 幅と高さのうち長い辺を特定します。この値が出力上限以下なら、元のサイズを維持します。
3. 上限を超える場合だけ縮小率を計算します。幅と高さに同じ比率を適用し、縦横比を保ちます。
4. 高品質リサンプリングの設定に従って描画します。大幅に縮小するときは、中間サイズを経由する段階縮小が輪郭の損失を抑えるのに役立ちます。

品質スライダーを選ぶ実用的な目安

JPG品質を無条件に100へ上げても、ファイルは大きくなる一方で、すべての画像が目に見えて良くなるとは限りません。均一な色面と太い線は高い圧縮率でも比較的安定しますが、小さな文字、細い線、質感の多い画像ではブロックノイズやリンギングが先に見えることがあります。

品質の数値は絶対的な評価点ではなく、エンコーダーへの入力値です。最終判断は、実際に使う表示サイズで確認して行ってください。特に600pxのサムネイルは、元画像を拡大して見たときの細部よりも、一覧で伝わるシルエットとコントラストが重要です。

パッケージ作成前の5ステップ

1. 権利と最終版を確認します。自分で作成した画像、または使用権限のある画像だけを選びます。
2. 透明背景を事前に確認します。JPGは透明を保持できないため、最終的な背景色が意図どおりか確認します。
3. canvasサイズを確認します。非常に大きい元画像は、先に縦横比を保つリサイズで作業サイズを決めます。
4. 品質を決めてZIPを作成します。初期値から始め、代表的な細部を1～2か所比較します。
5. ZIP内の4ファイルを個別に開きます。ファイル名、ピクセルサイズ、サンプルの透かし、サムネイルの読みやすさを確認します。

ダウンロード後の確認チェックリスト

• 4ファイルの縦横比が元画像と同じか
• ポートフォリオ用ファイルが必要以上に拡大されていないか
• サンプル用ファイルの透かしが見えつつ、作品の要点を完全に隠していないか
• サムネイルを100%表示したとき、主題がすぐに伝わるか
• 細い線や小さな文字の周囲に、過度なJPG圧縮ノイズがないか
• 公開すべきでないレイヤー、個人情報、署名が残っていないか

各プラットフォームの推奨解像度は変更されることがあります。DrowPackの4出力は反復保存を減らすための汎用プリセットです。提出先が別のピクセル仕様を求める場合は、その仕様を優先してください。