jpgとpngとgif、googleに気に入られる画像・写真と圧縮の方法

インターネットエクスプローラー6(IE6)より新しいブラウザならpngで問題なし!

pngファイルの良いところは、塗りつぶしがとてもきれいな上、素晴らしい圧縮でファイルサイズを軽くしてくれることです。

一昔前はGIFファイルにすることが多かったWEBの世界ですが、最近はもうGIFファイルよりも綺麗な色彩で保存されます。

GIFについてはライセンスの問題などが囁かれて一時使われなくなっていましたが、その後も特に問題なく使われていますね!

pngおよびgifの利点をあげるとすると、やはり「圧倒的なファイルの軽さ」と「透過処理ができる」点かと思います。

背景が設定されているサイトでも、描写したもの以外の場所にその背景を残したままに映せます。

手間や汎用性を考えるとpngだが、写真はやっぱりjpgかな?

私が画像の処理に使用しているソフトウエアを紹介します。

難しいphotoshopはいらないけど、あると便利なElementsシリーズ

Adobe Photoshop Elements は、プロが使うフォトショップを扱いやすくしたものです。

機能を制限しているという話を聞きますが、紙に印刷する用途の機能を制限しているだけで、WEB向けの機能はむしろ強化されている印象です。

10000円程度なのであって損は無いでしょう。

 

シンプルイズベストの「ペイント」

いろいろなファイルに対応しています。このシンプルさが使いやすいですね!

jpgを読み込んで、pngやgifに圧縮する時も使えます!

jpgの圧縮ならフリーソフトの「caesium」がおすすめ!

caesiumはフリーの画像コンプレッサーソフトです。

インストールしたら下にあるような画面が出るので、圧縮したい画像ファイルをドラッグして入れていき、品質を決定、出力先を設定して「圧縮開始!」を押すだけです。

見事に圧縮してくれます。もちろん画像を圧縮するということは粗くなりますが、最近のgoogle等の傾向として、モバイル向けの軽いサイトが求められています。

caesium

 

↑からダウンロードサイトにいけます。

JPEG 圧縮

最大20個までJPGまたはJPEGファイルを選択して、ドロップエリアにドラッグするとアップロード後、自動的に圧縮が始まります。

オンラインなのでソフトウエアのインストールなどが不必要でお手軽です。性能はまずまずです!

http://compressjpeg.com/ja/

画像を最適化することはユーザー思いの第一歩!

画像はページをロードするときに最も重い材料です。

文字と比較すると何十倍も大きいので、ちょっと画質下がりすぎたかな?と思うくらいのサイズで十分です。

ただし、ブランディングを意識するならば汚くてもいいところと、綺麗じゃないと困るところを分けていく必要があります。

私の場合は、綺麗な画像にしたいところはpngで、どうでもいいところはjpgをcaesiumで品質30くらいまで圧縮しています。

みなさんもお試しください!

最近更新した記事

「顧客創出の戦略営業」がサイト作成します!

安心の取引実績

新規制作からカスタマイズ・リニューアルまで150件以上の受注実績。特に医院個人事業主中小企業のサイトに強いです。

専属担当制

専任担当が一貫対応、ご要望・目的に合わせたサイトを最短2週間で納品。納品後の管理・メンテナンスも対応。

最安で高機能

研究しつくしたひな形と、安心の管理システム「ワードプレス」をベースに制作するため、安価でも高いパフォーマンスを実現。

だから、費用対効果を実感していただけます!

ホームページが欲しいけど、何を載せてよいかよくわからない

高いお金をかけてサイトをつくっても自分で管理できなかったら困る

どうせ作るなら、たくさんの人に見てもらって、お客さんやリピーターになってほしい

企画から納品後も専属担当が徹底サポート!

STEP1

ヒアリング

自分のしたいことや目標がまとまっていなくても、マーケティング面も一緒に決めていきます!

制作・調整

デザイン案の画像でお見せするのではなく、ページで使用感も含めてご確認いただき、完成へ進めていきます。

納品・サポート

納品後 3か月間メールでご質問いただけます。ご予約いただけば、無料で電話サポートも。その後も2,000円から部分調整など承ります。

ホームページをイチから作るご依頼から、昔作ったサイトをリニューアルするご相談&改修作業まで… 
120件以上の案件の取引実績
おかげさまで高評価をいただけております
このウェブサイト作成サービスは、今までの経験をもとに「本当に役立つサイト」の集大成をわかりやすいパッケージ価格にしました。

A社 スタート
ヒアリング
目標・目的の整理
コンサル費用
打ち合わせ 訪問料 オンライン無料
掲載内容整理・サイト設計 コンサル費用
ファーストビューヘッダー画像 別途料金 ボタン付きも料金内
自分で更新できる 別途料金
お問い合わせフォーム 別途料金
SEO対策 ×
レスポンシブデザイン 別途料金

超コスパ作成プラン

8万円(税込)

スタンダードプラン

12万円(税込)

サイトの作成の不明点や、お見積り作成など、お気軽にご相談ください!





サイト8万円の資料請求マーケティング相談電話相談

広告運用

集客・顧客との接点を拡大するためにターゲットを絞った広告配信はとても高い費用対効果を生む場合があります。

Google・Yahooなどの検索連動リスティング広告や、各種ディスプレイネットワークに対して特定のターゲットのみに効率配信するリターゲティング広告、facebookなどのSNSを活用したマーケティング試作まで、どんなことを目的としているのかを整理して、成果を最大化するための広告方法を一緒に考え、支援いたします。

SEO対策

私たちが制作するサイトは、一般的なSEO対策を行った状態で納品を行っております。昨今、検索エンジンは進化し、競合もひしめく中で検索結果に表示させることは難しくなってきました。たくさんの見込み客を集めるために、ページ表示速度の改善やコンテンツ構造化など、課題に合わせた対策を行います。

おすすめの記事