最終更新日:2018年8月29日ホームページを少しでも軽くしたい!少しでも表示を早くしたい!画面が真っ白のまま進まなかったり、画像や動画がなかなか表示されなかったり。これではせっかくあなたのホームページに来てくれたお客さまもイライラしたり、他の事を考えてしまい、場合によってはコンテンツさえ見ず帰ってしまうこともあるかもしれません。ページの最速表示へ向けての解決はホームページを持つあなたにとって非常に重要な課題ですね。cssファイルをコンパイルしたり、javaをhtmlの後に読み込ませたり、画像を軽いものにしたりと、一つ一つ問題を解決していかなければなりません。画像の最適化について書いていきたいと思います。画像の最適化はロスレス圧縮で使い勝手の良いロスレス圧縮ツールjpgファイルのロスレス圧縮比較pngファイルのロスレス圧縮比較さいごに画像の最適化はロスレス圧縮で画像データが多いページ、そしてその画像が大きかったり綺麗だったりするとサイズが大きくなってしまいます。必然と読み込む量も増えるため表示に時間がかかってしまいますよね。何とかしたい!そこで画像の最適化です。ここで書く「画像の最適化」は、使っている画像の画質は保ったまま圧縮し、転送容量を減らし、表示させるスピードを速くすることです。これを可能にするのが「ロスレス圧縮」です。難しい言葉でいうと可逆圧縮(かぎゃくあっしゅく)と言います。圧縮前のデータと、圧縮・展開の処理を経たデータが完全に等しくなるデータ圧縮方法を総称して使われています。「そんなことが可能なの?というか簡単なの?」はじめは私もそう思いましたが非常に簡単でした。使い勝手の良いロスレス圧縮ツールソフトをダウンロードして立ち上げてやったり等、いろいろ試しましたが、最も使い勝手が良かったのはブラウザ上で画像をアップし、それをロスレス圧縮してもらいダウンロードするというタイプのツール。TinyPNGというサイトです。TinyPNGhttps://tinypng.com/このサイトを使用することでソフトをインストールすることもなくブラウザで完結することができます。魅力的!操作も簡単、デスクトップなどからドラッグアンドドロップするだけ。マルチアップロードも可能です。実際にロスレス圧縮の記録をここに残しましょう。800さて、ブラウザにドロップします!パンパカパーン(音は鳴らないです)パンダさんも笑顔で祝福してくれました。なんと-80%も削減されました!ホクホクとロスレス圧縮されたファイルをダウンロードします。800すっごい軽くなったけど、画質に問題はない・・・?2枚並べてみましょう。左がロスレス圧縮前、右がロスレス圧縮後です。kBの削減が出来ました。この1枚でこの数字です。jpg画像をたくさん使用しているホームページでは何百メガと節約できますね!pngファイルのロスレス圧縮比較さて、次はpngファイルのロスレス圧縮をかけて、前後の比較をしてみます。800さて、ブラウザにドロップします!パンダさんは喜んでくれるのか!?パンパカパーン!!なんとこちらも-65%も削減されました!ダウンロードして出来栄えを見てみます。変わったような気はしませんが。2枚並べてみましょう。左がロスレス圧縮前、右がロスレス圧縮後です。違和感ありませんね!さいごに快適な表示速度はお客様だけでなくGoogleも評価しています。その1見て損はないと思うので気になった方はアクセスしてみてください。ファイル転送サービスを活用しよう!「ファイル転送サービス」。メールに添付できないような大容量のファイルを相手に送る際に重宝します。ホームページリニューアル2015年~16年にかけての5期生オーディション開催に合わせての大規模リニューアルでした。使用CMSはwordpress。今某マイミクさんのMyspaceの配置やデザイン編集を研究中なんです。僕のhanabsaのおすすめ曲は「海へ行く」「つまりはそういうこと」。Saltホームページ公開スタート!KrazySaltが歌い続けるなら、僕だってその支援のため創りつづけるさ。カトリノ」ホームページ制作カトリノでは、増え続ける空き家のリノベーション再販事業にも取り組んでいます。僕らが誘ったんじゃなくて鳴海くんが、僕らを誘ってくれたのよね。物怖じせずどんどん前に来る感じ、行動力あってとても刺激的!若いのに大したもんです。グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。メンキャリは働いただけ残業代出るから良いよね。グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。最近毎日アップできてる!フォビの格CS怪しい。前マキブオン家庭版の件、アーカイブで観ました。需要は確実に高いと思いますし。ぼくは相方がゲーセンにいる限り、横に座って一緒にゲームやりますね。楽しみ方は人それぞれ。グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。グフと本気で向き合ってくれる相方に感謝です。#EXVS2乙街道の管理人はホームページとか作る仕事をしています。制作依頼やご相談もお気軽にどうぞ。僕らが誘ったんじゃなくて鳴海くんが、僕らを誘ってくれたのよね。物怖じせずどんどん前に来る感じ、行動力あってとても刺激的!若いのに大したもんです。グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。メンキャリは働いただけ残業代出るから良いよね。グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。最近毎日アップできてる!フォビの格CS怪しい。前マキブオン家庭版の件、アーカイブで観ました。需要は確実に高いと思いますし。ぼくは相方がゲーセンにいる限り、横に座って一緒にゲームやりますね。楽しみ方は人それぞれ。グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。グフと本気で向き合ってくれる相方に感謝です。希光デザイン事務所.。