blog

top > 學展blog

2015.2.08 (Sun)

制作

画像圧縮ならココにおまかせ☆ブックマーク必須の画像圧縮サービスのまとめ!

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

みなさんこんばんは。さめちゃんです。

プリントパックやに入稿する際や、仕事でファイルを共有する際などによくあるトラブルと言えば、ファイルサイズがメジャーだと思います。

また、サイト制作では画像のファイルサイズや画像の数が表示速度のボトルネックとなりやすいので、ファイルの圧縮は必須の作業です。

どこで今回は、普段私が使っている画像圧縮サービスと、Photoshopなどで使えるファイルサイズの削減テクニックをご紹介したいと思います〜

どれも無料の圧縮サービスです

JPEGmini

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

jpg画像の無料圧縮サービスと言えば的な有名なサイトです。

デモを見て頂くとわかるのですが、

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

半分以上圧縮しているのにほとんど劣化が見られません。
ウ〜ム。と唸ってしまいますね。凄い!

トライアルの状態ですと一枚ずつしかアップロードできませんが、
アカウントを作成すると一度にたくさんのjpgファイルをアップロード出来ます。

ちなみにApp Storeからのインストール版(2種類)もあります。

試しに、元のファイルサイズ1.6MBの下の画像を使ってみましょう!

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

以前の記事、『出展者限定!対談プロジェクト始動!!!』で使用した写真ですね。

まずはアカウントを作成して、マイページに移動!

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

右上の青いボタンをクリック!

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

さぁ、結果は如何に!?

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

半分以上削減できました!


Before
画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

After
画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

ほとんど劣化しているようには見えませんよね。

是非ご活用下さい!

詳細はこちら


Compress JPEG Images Online

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

こちらはjpgファイルをpngファイルの圧縮ができるサービス。

サイト右上に、jpgとpngを切り替えボタンがあるので、適時切り替えて利用して下さい。

簡単な操作で使えるので重宝するはずです。

詳細はこちら


TinyPNG

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

こちらはpngファイル圧縮の専門サービス。

ドラッグ&ドロップでファイルをアップロードできるので、操作が簡単でラクなのがお気に入りポイントです!

學展ブログでもスクリーンショットをよく仕様するので、このサービスを一番使っているからもしれません。

是非、みなさんもpngファイルを扱うことがある際はご利用してみて下さいね。

詳細はこちら


Media4x

画像圧縮ならココにおまかせ!画像圧縮のまとめと、Photoshopのファイル削減テクをご紹介!

こちらもWeb制作をしている方に有名なサービスです。

jpgファイルはもちろん、pngやpdf、cssやjavascriptまでを圧縮してくれます。

JPEG and PNG images, PDF documents, CSS stylesheets and JS files.

一度に様々な種類のファイルを圧縮できるので大変便利です。

詳細はこちら

〆(まとめ)

いかがでしたでしょうか。

これでもう画像ファイルサイズで悩むことは少なくなるはず!

是非今日から活用して下さいねー

學展の開催概要はこちらから >