公開用ZIPのサイズを小さくする方法

ZIPが重くなる主な原因

公開用ZIPのサイズが大きくなる原因の多くは、容量の重い画像です。撮影したままの高解像度の写真や、必要以上に大きなサイズの画像は、一枚で数メガバイトに達することもあります。これが何枚も入ると、ZIP全体が一気に重くなります。

もうひとつの原因が、公開には使わない不要ファイルの混入です。制作途中のメモ、未使用の画像、編集ソフトの作業ファイルなどがフォルダに残っていると、表示には関係なくサイズだけが膨らみます。

サイズを抑える一般的な方法

ZIPを軽くする基本は、画像を適切なサイズに圧縮することと、公開に不要なファイルを取り除くことです。画像は表示に必要な大きさまで縮小し、写真ならファイル形式や画質を調整することで、見た目を大きく損なわずに容量を減らせます。

不要ファイルの除外も効果的です。実際にHTMLから読み込まれているファイルだけを残し、使っていない画像や作業用ファイルを取り除けば、それだけでサイズが下がります。

• 画像を表示に必要なサイズまで縮小する
• 写真はファイル形式や画質を調整して容量を下げる
• 未使用の画像や作業用ファイルを取り除く

崩れないZIP構成のOK/NG例

公開用ZIPのサイズを小さくでは、ZIPの中身が正しくても、階層が1つずれるだけで画像やCSSが読み込めなくなります。圧縮する前に、公開用フォルダだけを切り出して確認します。

Windows/Macどちらでも、不要な隠しファイルや作業ファイルを入れないことが大切です。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

• OK: index.html と assets/images/css/js が想定した相対パスで並んでいる
• NG: ZIPの中にさらに不要な親フォルダがあり、index.htmlの場所が分かりにくい
• NG: __MACOSX、.DS_Store、作業中PSD、秘密情報入りメモを同梱している
• 確認: アップロード後のURLで画像・CSS・リンクを実際に開く

軽くするときに気をつけたいこと

画像を縮小したり圧縮したりするときは、画質を下げすぎないよう注意します。極端に圧縮すると、写真がぼやけたり色が荒くなったりして、サイトの印象が損なわれます。表示サイズに見合った範囲で調整するのがコツです。

また、不要ファイルを取り除く際は、本当に使われていないか確認してから消しましょう。HTMLやCSSから読み込まれている画像を誤って消すと、表示が崩れます。心配なときは、削除前にフォルダごとコピーを残しておくと安心です。

軽くしたZIPは表示も快適になる

画像を圧縮し、不要ファイルを除いてZIPを軽くすると、アップロードが速くなるだけでなく、閲覧する側の表示も快適になります。読み込みに待たされにくくなり、相手にも見てもらいやすくなります。

ギガサイト便はCSS・JS・画像を含むフォルダ一式を元の構成のまま表示します。軽くしたZIPでも、必要なファイルがそろっていれば見た目はそのまま保たれるため、サイズを抑える工夫がそのまま快適さにつながります。

ギガサイト便で軽くしたZIPを公開する手順

実際にZIPを軽くしてから公開する流れを順番に見ていきます。ポイントは、画像の圧縮と不要ファイルの除外を済ませ、表示が崩れていないか確認してから圧縮することです。

下記の手順は数分で完了します。中身を整えてからアップロードすれば、アップロードも表示もスムーズになり、相手にストレスなく見てもらえます。

1. サイトで実際に使っている画像だけを残し、未使用の画像や作業用ファイルを取り除く
2. 残した画像を表示に必要なサイズまで縮小し、画質を保てる範囲で圧縮する
3. 手元で表示を確認し、画像が崩れていないかチェックする
4. 整えたフォルダの中身をZIPに圧縮する
5. ギガサイト便のトップにドラッグ&ドロップし、認証方式と公開期限を設定して公開する