タグ #web-imaging
「web-imaging」タグの記事一覧です。

透過=即PNGはもう古い。写真っぽい透過PNGを劇的に軽量化する無料ツールと3つのテクニック
PNGはイラストっぽい画像の圧縮は得意ですが、写真っぽい画像の圧縮にはまったく向...

「画像できるだけ軽くして!」曖昧な指示はもうやめよう・具体的な基準のために統計的に考える画像の軽さ
画像を軽くって言われても... デジタルなWeb制作の現場でも「画像できるだけを...

検証 Web画像のファイルサイズは画素数にほぼ比例する
当たり前のような話ですが、念のため検証してみました。 もちろん同じ画素数でも画像...

【事例】美容整形外科のサイトで画像軽量化したら表示速度が速くなりました
弊社で画像軽量化のお手伝いをさせて頂いた「銀座マイアミ美容外科」様の事例をご紹介...

CloudFront料金早見表を作ってみた。月額10万円超えは何PVから?
シェアを伸ばすCloudFront AWSリソースとの相性抜群なCDN Clou...

通販サイトスマホトップには平均4.15MBの画像。画質を落とさず-41%削減可能。上位300サイトの画像軽量化シミュレーションを一挙公開
画像軽量化ソリューションLightFileは、実際にWebページで使われている画...

新人にもわかる!WebPのブラウザ振り分けの仕組みを図解。picture要素と.htaccessのどっちでやるべき?
新社会人のみなさんが初出社を迎えた会社も多いでしょう。 今日はWebP対応/非対...

Webの表示高速化はファーストビューが早くなればそれでOK! 課題を整理して着実に進めるためのポイント
Webの表示高速化は、多くの制作現場において難易度の高いミッションになりがちです...

画像軽量化の可能性を無料レポート! LightFile/WebPシミュレーター v3をリリース
弊社アイデアマンズが提供する画像軽量化ソリューションLightFileと、Goo...

WebPに関する10の誤解~5分で正しく理解するWebP
「WebPって聞いたことはあるけど...」という方に向けてまとめてみました! 多...

PNGファイルを軽量化する方法は4種類だけ。減色・ロスレス最適化・メタデータ削除・解像度の最適化
画質の劣化がなく、背景の透過も可能はPNGはキレイな分ファイルサイズも大きくなり...

サイトのWebP対応は気楽にやろう! 心が軽くなる4つの事実
サイトのWebP対応方法について説明すると、 「なるほど、画像を一括で変換して、...

画像フォーマットの今が1枚でわかるチートシート SMUSH PRO Guide to Image Formats 日本語版
Best Image Formats for Websites Compared...

新聞ニュース系158サイトでWebP利用中は23サイト・WebPで平均-1.6秒待ち時間短縮と試算・レポート無料公開
通販上位300サイト中32サイトがWebPを配信・楽天市場は積極利用という調査記...

WebPと従来の画像を正しく振り分ける.htaccessファイル
ページまるごとWebP変換・効果測定と一括ダウンロードがWeb担当者Forumで...

WebP画像を目立たせるChrome拡張機能 WebP Highlighter
画像が意図したとおりWebPフォーマットで配信されているかを確認するとき、もちろ...

iPhoneの非対応でシェア劣勢でも、いまWebPに対応する意味
画像データを半分に軽くするWebP。普及に向けた最後にして最大の砦がiPhone...

ページの画像をまるごとWebP変換してPageSpeed Insightsスコアを今すぐ改善するチュートリアル
先日公開したWebページのWebP変換シミュレータ、ページまるごとWebP変換で...

表示高速化でコンバージョンが上がるのではなく、ユーザーの離脱を防ぐのだ。遅いページをみたい人はだれももいない。
いいろいろな人と話をするのですが「表示高速化でどのぐらいコンバージョンがあがりま...

通販上位300サイト中32サイトがWebPを配信・楽天市場は積極利用
画像が多くなりがちな通販サイトではWebPの利用による高い効果が期待できます。 ...

あなたのサイトはもっと速くなる!新しい画像フォーマット「WebP」にしたら、どのぐらいかわるか無料のWebP変換シュミレータでチェックしてみよう!
先日FirefoxがWebPに対応したということで、多くのブラウザが対応してきて...

Firefox Quantumがついに登場!FirefoxもWebPをサポートし、残るメジャーブラウザはSafariのみ未対応。
2019年1月29日に、Firefoxのバージョン65となる「Firefox Q...

画像軽量化は最短3日でスタート!導入時に開発が発生しない画像軽量化ツールって、実は意外と少ない。
画像軽量化したい理由は、そのサイトによって様々です。どんな悩みから画像軽量化に行...

Assetizrは、WindowsでもMacでも利用できる画像リサイズ・最適化ツール。JPEGからWebPに変換すると重くなる?!
Assetizrは、WindowsでもMacでも利用できる画像リサイズ・最適化ツ...

WebP、JPEG、4K8K。2019年も画像にこだわろう!画像軽量化すると表示の待ち時間が短くなるから、コンテンツをもっとみたくなる!
2019年最初の投稿です。本年もどうぞ、よろしくお願いいたします。 アイデアマ...

アイデアマンズブログの2018年をまとめ!WebPや画像軽量化などの「画像」な一年間を振り返る
こんにちは!2018年最後のアイデアマンズブログの更新です。本年も多くの方に閲覧...

Google Pagespeed Insights 画像の4項目について調査&考えてみた結果、画像軽量化とオフスクリーンの画像遅延読み込みはやるべきである
ウェブ担当者の方が毎日チェックするツールの一つ「Google Pagespeed...

画像軽量化ツール「LightFile」の情報がより見やすく!事例紹介も掲載しました!
画像軽量化ツール「LightFile」の情報をまとめたページを、コーポレートサイ...

CDNの料金を大幅コストダウン!AWS CloudFrontなどの従量課金型のCDNなら、LightFileの画像軽量化でグッとお得に!
表示高速化といえばCDN (Content Delivery Network)...

Firefoxは65で対応予定!2018年11月現在の WebP (ウェッピー)のブラウザ対応状況を確認してみよう。Safari対応をどうするかが課題。
Firefoxもようやくバージョン65でWebPに対応する予定となりました。JP...

Google スピードアップデートがもたらした 画像軽量化と画像転送量の大幅な削減。SEOが絡むと多くの人がその対応を行う。
Google スピードアップデートの対応はもう終わりましたか?スピードアップデ...

Google #Squoosh (スクーシュ)を試してみたら、非常に高機能だった!一枚一枚ていねいに軽くするなら最高のツール!
新しいツールが登場しましたね!Googleから登場した「Squoosh (スクー...

100ユーザー突破!ストレージの節約には #LightFile for Dropbox がオススメ!現在93%以上の削減率を達成しています!
LightFile for Dropbox が100ユーザーを突破! オンライン...
![[限定3社] Movable Type事例キャンペーンで、画像軽量化ツールの「LightFile」がお得にご利用いただけます!スマホ表示の遅さにお悩みの方はチャンス!](https://blog.ideamans.com/assets/mt-casestudy-ogp.jpg)
[限定3社] Movable Type事例キャンペーンで、画像軽量化ツールの「LightFile」がお得にご利用いただけます!スマホ表示の遅さにお悩みの方はチャンス!
ウェブページの表示速度向上において、効果が非常に高い画像軽量化。今回、お得に対...

表示高速化の第一歩に画像の軽量化を勧める6つの理由
SEOへの影響が度々ほのめかされ注目度が上がっているWebサイトの表示高速化。成...

実際にWebPを利用するとどうなる?WebPの試験導入で画像ファイルサイズを-62.38%も削減という結果に!
先日、試験的にWebP対応を行っているという記事を書きました。 Webサイト全体...

Webサイト全体をWebP対応する最低限の方法
こちらのブログでもアクセスの多いテーマがGoogleの提唱する画像の新フォーマッ...

美容ブランドのECサイトが収益を倍増させた6つの変革にある「ページの表示」について考えてみよう
技術評論社さんの「Web+デザイン」で展開されている「週刊Webテク通信」ご存知...

「Jpegの品質は85がおすすめ」をデータで検証する
以前のブログ記事でも触れましたが、GoogleのWebパフォーマンス改善ガイドで...

簡単にSSIMを計算するツール6+2本を紹介
先日、画質の判定方法としてのSSIMについて記事を公開しました。 画像軽量化サー...

Dropboxで楽々おまかせJpeg軽量化! LightFile for Dropbox プレビュー版
AIがJpeg画像を最適に軽量化するLightFileをDropboxとの連携で...

AppleもHUAWEIも!スマホメーカーのウェブサイトは、新機種の紹介がたっぷり!画像軽量化しているかどうか、チェックしてみよう!
スマートフォン、どの機種を利用していますか?日本で人気のApple iPhone...

家族でも!グループでも!平日のランチでも!どんな時でも楽しい食事ができるファミレスの画像軽量化をチェックしてみたら、意外と差があった。
ファミレスは、たくさんの人が楽しくておいしい食事を求めて来店します。気軽に利用す...

今日の3時のおやつは?オフィスでもついつい食べちゃうお菓子は、ダイエットの天敵!そんなお菓子のメーカーウェブサイトの画像軽量化状況をチェックしてみよう
NHKで人気の「筋肉体操」も盛り上がっていますし、ダイエットはとっても重要です!...

東京6大学野球秋季リーグ戦が始まる!プロ野球と同じくらい盛り上がる大学野球は、プロへの道も!そんな出場大学6校のウェブサイトはどのぐらい画像軽量化されているか調べてみた
大学生の秋のスポーツも盛り上がってくる9月は、6大学野球の秋季リーグもスタートし...

結婚式をあげるなら、まずは式場予約サイトをチェック?それともゼクシィ本?人生で幸せなひとときを過ごす結婚式場は、たくさんの式場から選ぶからPV数が多い!画像軽量化してあれば、ユーザーのギガも減らなくなる!
結婚式場を探す場合、ネットで見る人もいれば、結婚情報誌を購入して検討する人もいま...

東京駅でランチ!まだお店が決まってなければ「東京駅 ランチ」で検索!その表示されたサイト、画像軽量化されてる?
職場の人や、友人、つながりのある人とのランチは楽しいですよね!一緒に食事を食べる...

2018年8月現在の SVGのブラウザ対応状況を確認してみよう。SVGは透過PNGも変換できる軽量画像フォーマット。
透過PNGも変換できる軽量な画像フォーマットのSVG (Scalable Vec...

暑い夏にはビールがいちばん!あなたの好きな銘柄は?カロリーオフも大事だし、ウェブサイトの画像軽量化でスッキリするのも大切!
平成最後の8月も今週で終わりますね!今年の夏は本当に暑かった日々が続きました。自...

運動するならまずは見た目から!スポーツアパレルメーカーのウェブサイトは、スマホでみてもかっこいい!オンラインショップでは必ず商品の画像軽量化をしよう!
運動している時は、普段とは異なる格好をしてそれが「スイッチ」になってやる気アップ...

今回はパ・リーグ!スマホサイトはほぼ同じレイアウトだけど、画像軽量化は球団ごとに異なる!統一されているレイアウトは非常に見やすいのが特徴。
セントラル・リーグだけじゃない!パシフィック・リーグ (パ・リーグ)も面白い! ...

今回はセ・リーグ!ファンの応援が選手の力になる!コアな情報があるオフィシャルサイトは、画像軽量化でサクサク閲覧できるようにすれば、ファンのギガも節約ができる!
小学校は野球をやっていました、ライトで8番、まさにライパチくん。いま思えば、自分...

うちのトップページ重すぎ...? Googleの推奨は1.6MB!7,866のウェブサイトトップページをチェックした結果、モバイルデバイス向けトップページの平均サイズは2.43MBだった
Lighthouseの監査項目のひとつに、Webページ全体のデータサイズがありま...

コーヒーではなく珈琲。独自スタイルのカフェは人気も高く、味わい深さが魅力。ウェブサイトの画像軽量化で、もっとページが快適になる
スタバやタリーズではなく、それらとは異なるカフェが好きな方も多いです。コメダ珈琲...

11種類のロスレスPNGサイズ削減ツールの比較ベンチマークレポート
PNGのファイルサイズを削減するツールとしてOptiPNGやpngquantが有...

お気に入りのカフェでのんびりと過ごす。あなたのお気に入りのカフェは?季節限定や新商品が多いから、画像軽量化の効果は非常に高い!
暑い日は、ついついカフェに入って冷たいものを飲んで休憩しちゃいます。スターバック...

画質85がよいという記事をみたので、LightFileの処理と比較してみた。画像軽量化は、画質とのバランスの戦いなのだ。
先週、このブログ記事が社内で話題になったので、画質85が気になっています。 JP...

2018年8月現在の WebP (ウェッピー)のブラウザ対応状況を確認してみよう。WebPはJPGにかわる軽量画像フォーマット。
JPGよりも軽量な画像フォーマットの WebP (ウェッピー)について、2018...

ほとんどのウェブサイトが画像軽量化済みという驚きの結果!国外の車メーカー9社をチェックしてみた
前回は国産の車メーカーを取り上げましたので、今回は国外の車メーカーを取り上げます...

SUV?それともスポーツカー?国産車メーカーのウェブサイトをチェックしてみたら、ホンダは画像軽量化が自動化されている?
夏休みも真っ只中ですね!旅行やドライブに行く方も多いのではないでしょうか?たくさ...

車の事ならなんでもカー用品店にお任せ!キャンペーンの更新頻度が高いウェブサイトは、まずバナー画像を軽量化しよう
都内の方は電車での移動がほとんどなので、車を所有することは少ないかもしれません。...

JPGよりもPNGが多い?特定の時間帯にアクセスが集中するTV番組ウェブサイトは、画像軽量化でもっと快適になる。
好きな番組はEテレの「おさるのジョージ」です、こんにちは。「ダーウィンが来た!」...

ニュースも!ドラマも!スポーツも!映画も!テレビはみんなの友だち!コンテンツが多い、更新頻度が高いなら、画像軽量化が効果的!
プッシュ型のメディアとして君臨するテレビ。BSやケーブルテレビなど、地上波以外に...

オンラインの動画配信サイトをチェック!画像よりも重い動画の配信をしているだけあって、画像軽量化も多くのウェブサイトが実施済み!
レンタルビデオ店に行くよりも便利な動画配信サービス。なんといっても、家にいたまま...

英会話はマンツーマン?オンライン?ほとんどの英会話教室ウェブサイトは、画像軽量化すればもっと表示が速くなる!
以前からさまざまな方法で学習ができる英会話。インターネットの普及により、オンライ...

コンビニのウェブサイト、みたことあります?更新頻度が高く、キャンペーン情報や新商品情報など、バナーや商品画像がたくさんある!画像軽量化は...。
もはや生活の一部となっているコンビニ。さまざまな商品を取り揃え、お昼時にはお弁当...

スマホから利用できるネット銀行のウェブサイトは、アイコンなどは透過PNGを利用しつつ、JPGよりもPNGが多め。画像軽量化の余地が見え隠れする。
若い方には利用者がおおいネット銀行。インターネット専業のため、ITに多少慣れてい...

インターネットバンキングなどで多くの人が利用する都市銀行のウェブサイト。グループの親会社もまとめてチェックしてみよう!
今回の業界別ウェブサイトは、多くの人がインターネットバンキングを利用する「都市銀...

会計アプリ業界のウェブサイトは、JPEGよりもPNGを利用する傾向が強い?
今回は業界別ウェブサイトの、画像利用状況をチェックしてみました。会計や財務などの...
![後から画質調整ができる!Optimizillaは、きめ細かく画質を確認しながら画像軽量化したい人のための最適なツール[JPGダイエット対決 vol.09]](https://blog.ideamans.com/assets/2018-07-09-optimizilla-ogp.jpg)
後から画質調整ができる!Optimizillaは、きめ細かく画質を確認しながら画像軽量化したい人のための最適なツール[JPGダイエット対決 vol.09]
JPGダイエット対決も今回が9回目となります。画像最適化のソリューションはいろい...
![Macだけでできる!画像をリサイズして、ファイルサイズを軽量化しよう![プレビュー.app編]](https://blog.ideamans.com/assets/2018-07-06-preview-ogp.jpg)
Macだけでできる!画像をリサイズして、ファイルサイズを軽量化しよう![プレビュー.app編]
デジカメで撮った写真や、スマホの写真、とてもきれいに撮影できますよね!ハイスペッ...

Google Speed Updateで表示高速化しようと思ったら、まずは画像軽量化からはじめましょう
【注】情報が錯綜してるようですが、Googleの金谷さんがツイートしています。当...

PNGの軽量化はどうすればいいの?Macで利用できる無料のCrunchを使ってみよう!
最近はPNGの利用も増えてきて、ウェブサイトのファイルサイズを大きく圧迫する要因...
![ロスレスもロッシーも選べる!Compressor.ioは、4種類の画像に対応する便利なWebサービス[JPGダイエット対決 vol.08]](https://blog.ideamans.com/assets/2018-06-28-compressorio-01.jpg)
ロスレスもロッシーも選べる!Compressor.ioは、4種類の画像に対応する便利なWebサービス[JPGダイエット対決 vol.08]
ひさびさのJPGダイエット対決となる今回、対戦相手はCompressor.ioで...

画像軽量化したいけど、なかなかできない3つの問題。コンテンツ担当者とシステム担当者の悩みを解決するには、ツールやサービスを利用するのがオススメ。
Webサイトで利用する画像は、しっかりと軽量化されていますか?Photoshop...

画像軽量化でコストが下がる?!例えば転送量20TB(月)だとすると、どのぐらいの差がでるのか?
クラウドの転送量は、定額制のサービスもありますが、従量課金の場合もあります。Am...

画像の解像度を、exiftoolで確認しよう!X Resolution、Y Resolutionが解像度を示す
画像の解像度、Macのプレビュー.appだと実は表示してくれません。あまり気にす...

Retinaディスプレイに合わせるには、解像度はいくつがいい?画像最適化するなら解像度も理解しよう!
4KディスプレイやRetinaディスプレイなど、高解像度のディスプレイが普及して...

表示サイズごとにファイルサイズを比較!画像最適化は、表示サイズと画質調整が重要!
画像の表示サイズが大きければ、その分ファイルサイズが大きくなる。これは、色数が2...

レスポンシブ・ウェブ・デザインにおいて、画像最適化が意味するもの。高速回線ではない環境で、不要なデータサイズをダウンロードさせない事が重要。
スマートフォンでウェブサイトをみることが、本当に多くなってきました。ウェブサイト...
![[初心者向け]JPEGやPNGに適した画像の特徴を把握すれば、画像最適化はカンタンにできる!ポイントは色数が多いか少ないか!](https://blog.ideamans.com/assets/2018-06-13-png-jpeg-ogp.jpg)
[初心者向け]JPEGやPNGに適した画像の特徴を把握すれば、画像最適化はカンタンにできる!ポイントは色数が多いか少ないか!
今回は、Webデザイナーになりたての方のための「JPEGとPNGに適した画像」は...

クイズの答え合わせをしよう!アイデアマンズブースで行われたLightFileチャレンジ「【問】軽量化するまえのきれいな元画像はどれ?」は25人の方が正解!
先週末(2018/06/09)に行われたMTDDC Meetup HOKKAID...

「他のところでは使っているらしいですよ?」JPEG2000の利用について相談されたので、使われていない理由をいろいろ調べてみた。
他の人が利用していると気になってしまうのが人というもの。今回は「○○さんのECサ...

JPGなら約45%も軽くなる!透過がないその画像、JPGよりも重いけどほんとうにPNGでいいの?
バナー制作やランディングページの作成、サイトリニューアルのデザインなど、画像を作...

画像最適化しているかどうかがわかるLightFile Simulatorに、体験機能がつきました!最適化したあとのページが実際にみれちゃいます!
画像最適化しているかどうかがわかるLightFile Simulator、もうご...

ブランディングメインか、一覧にするか。時計メーカーのWebサイトトップページは、18%〜96%を画像が占める。
スマートウォッチも各社さまざまな製品が出ており、時計市場も変化があります。携帯電...

Googleのページ読み込みスピード計測サービス(スピード スコアカード、インパクト カリキュレータ)を使ってECサイトの機会損失を算出してみる
どうも、菊池でございます。 SEO関連で調べ物をしていたらこんな記事がありました...

音のある空間を作り出す!音響業界のトップページは、画像が17%〜89%を占める。持っている製品が少ないほど、シンプルなレイアウトでわかりやすい。
現在はCDを再生することも少なくなり、スマホで音楽を聞くことが多いと思います。音...

Photoshopの書き出した画像は、どこがかわっているの?画像処理の結果は、人間の目ではわからなくても、差分をとればみえてくる。
Webデザイナーさん御用達ツールの1つでもあるAdobe Photoshopは、...

LightFileをCDNと併用してサイト表示高速化(画像最適化)の相乗効果を!
こんにちわ、ディレクターの菊池です。 今回もお客様相談あるある記事となりますが、...

動画での訴求が流行り?3%〜93%と幅広い住宅設備・リフォーム関係の企業トップページは、ゴテゴテしてないから容量も軽い。
BtoB向けのイメージが強い住宅設備・リフォーム関連企業。最近はDIYで自分でリ...

横幅いっぱいの動画を配置しているサイトも!生活家電企業のトップページは、画像が10%〜88%を占めている!
生活家電というと、テレビや冷蔵庫、洗濯機や掃除機など、普段から身近にある電気製品...

画像が24%〜92%を占めるという事実。日本の鉄道会社Webサイトのトップページをチェックしてみた。
駅のホームで、ファインダーに覗き込んで列車を撮影するほどではないですが、比較的電...

高画質な4K・8K時代に備えて、画像のファイルサイズを知っておこう!TVの進化はオリンピックとともに。
東京オリンピックまで、あと「833日」です。楽しみですね! 今回は、TVはオリン...

WebPってなに?Googleが作った新しい画像フォーマットは、軽くてアルファチャンネルもサポート!表示高速化するなら検討してみよう!
Webで利用できる画像の種類はいくつかあります。Webで使えるというと、端的にい...

画像最適化処理はシステムにまかせて自動化!作業フローを変えずに確実に最適化しましょう。
こんにちは。ディレクターの菊池です。 LightFileのご相談時に、お客様とそ...

画質が悪い?JPGがパキッっとした画像に向いていないのは、どうしてなのか?画像の特性を知れば解決策が見えてくる!
画質の向上には、画像の種類について特性を知ってく必要があります。Webで利用され...

画像処理(画像軽量化)を行う3つのメリット。ファイルサイズ削減で、表示高速からコストダウンまで!
何気なくソーシャルやブログ、ポータルサイトでみている画像。表示されている状態では...

画像最適化ツールLightFileのご紹介
今回は、画像最適化ツール「LightFile」のご紹介です。 画像最適化は、ファ...

モバイル ファースト インデックスはじまりましたね。スマホサイトの読み込み速度の改善には、 LightFileでJPEG画像最適化!
いよいよモバイル ファースト インデックス開始 2016年11月5日のリリースか...
![[テスト公開中]ページで表示している画像がどのくらい軽くなるのかがひと目でわかる!LightFileシミュレータβ版公開してます!](https://blog.ideamans.com/images/2018-04-16-lightfile-simulator-ogp.jpg)
[テスト公開中]ページで表示している画像がどのくらい軽くなるのかがひと目でわかる!LightFileシミュレータβ版公開してます!
Webパフォーマンスを上げるためには、画像最適化(軽量化)は必須項目です。今回は...

実際、画像を軽量化すると本当に表示高速化されるの?LightFileの処理前後が比較できるページを公開しました。
表示の高速化は必須条件です。 提案書にも書くことが増えてきている今日このごろ、ど...

クリアな画質のまま軽くするには?Photoshop作ったバナーを、最高画質で書き出したファイルにLightFileの処理をしてみた
みんな大好きPhotoshopで作った画像は、できるだけ画質が良い状態で書き出し...

画質を保ちながら、ファイルサイズを軽くするLightFileの処理は、「比較して選ぶ」が重要なのです。
画質にこだわってますか?画像軽くしてますか?キレイで軽い!が一番ですよね! 今回...

設定するだけでOK!LightFileとクラウド型画像処理サービスの導入時の違いを考えてみる。
ようやく寒い2月が終わりましたね。今年は大雪が降ったり、いつまでも寒かったりと、...

LightFileの新型シミュレータ画面を、MT東京vol.44でLightning Talkしてきました!
画像最適化ツールのLightFileですが、現在新型シュミレーション画面を準備し...

スマホ表示最速王決定戦!CMSプロレスvol.03に参加してきました!
ロフトワーク社主催となるイベント「第3回CMSプロレス ウェブサイト表示速度 最...

スマホ表示の最速王決定戦!CMSプロレス vol.03は、とにかく速い人が勝つ!
スマホ表示の最速王は誰なのか。土曜日に勝利したものが最速王になる。 今週土曜日に...

たった5分でスマホ表示を速くして!シンプルでかんたんなLightFileなら、それできちゃいます。画像が軽くなれば表示は速くなる!
「スマホ表示が遅いんだよなぁ...」 「どうやればもっと表示が速くなるんだろう....

3G回線で何秒かかりますか?手軽に回線速度をかえて表示ができるChrome DevToolsのPerformanceパネルを使ってみよう!
回線は速いほうがいいですよね!でも、すべての人が速い回線ではないとなると、今みて...

カンタンに今みているページの表示時間計測ができる!Chrome拡張機能「Page Load Time」はDevToolsよりもお手軽で使いやすい!
もっとカンタンに、今みているページの表示されるまでの時間がわからないかなぁ......

JPGにする?PNGにする?背景の透過がなければ、どちらの画像形式にするほうが軽くなるのか試してみよう
1枚でWeb画像フォーマットがまるわかり!チートシート公開中 SMUSH PR...

AWS Lambdaはカーシェアと同じ?低コストで確実に動作する!AWS SUMMIT2017でも発表されていたLambdaでの画像最適化の高いメリット
2017年はサーバレス!サーバレス!な1年でしたね!2018年はどんなトレンドが...

PC向けとスマホ向けでこんなにファイルサイズがかわる?!トップページのスライダー画像を調べてみた
だいぶ見慣れた感があるトップページに表示されるスライダー画像。最もアクセスの多い...
![トップページに表示するスライダーバナーは、どこまで軽くなる?Photoshopで作ったバナーをしっかり軽量化しよう![JPGダイエット対決 vol.07]](https://blog.ideamans.com/assets/2018-01-16-banner-ps075.jpg)
トップページに表示するスライダーバナーは、どこまで軽くなる?Photoshopで作ったバナーをしっかり軽量化しよう![JPGダイエット対決 vol.07]
東京はまだ積雪はしませんが、雪国は今年は雪が多いみたいですね!東京からスキーやス...

Google PageSpeed Insightでわかるのは、画像の表示サイズが適切かどうか。画質の軽量化でもっと表示は速くなる。
Googleは、簡単に利用できるいろいろな無料のチェックツールを提供しています。...

元画像に近いのは画質99まで!Photoshopの画質設定を100から80まで試してみた結果、画質80でいいんじゃない?と思った話
Photoshopの「Web用に保存」で設定する値を、最高画質〜高画質でどのくら...

人間の目ではなかなかわからない!Photoshopの画質設定ごとに、画像にどんな差分があるのか調べてみた。
Photoshop使ってますか?写真の加工をしたり、Webデザインをしたりと、W...

パフォーマンスをあげよう!デジタル時代におけるWebパフォーマンスが速いことのメリット
最近は小学生でもスマホを利用しています。年齢に関係なく、電車の中もみんなスマホみ...
![大きな画像をアップロードしても自動でリサイズ!WordPressプラグイン「Imsanity」は、ウェブ担当者の強い味方です![JPGダイエット対決 vol.06]](https://blog.ideamans.com/assets/2017-12-12-origin-lfc.jpg)
大きな画像をアップロードしても自動でリサイズ!WordPressプラグイン「Imsanity」は、ウェブ担当者の強い味方です![JPGダイエット対決 vol.06]
今回はJPGダイエット対決 vol.06 ということで、WordPressの無償...

JPGダイエット対決!LightFileと画像軽量化サービスとの戦いは終わらない。コストダウンや表示高速化のメリットも。
JPGダイエットのまとめページです。JPGダイエットする重要性や、画像の最適化に...
![Web制作の必須アプリ!みんな大好きPhotoshop!書き出すファイルのファイルサイズは画質設定次第、意外と画質60でも...[JPGダイエット対決 vol.05]](https://blog.ideamans.com/assets/2017-12-06-lfc-low.jpg)
Web制作の必須アプリ!みんな大好きPhotoshop!書き出すファイルのファイルサイズは画質設定次第、意外と画質60でも...[JPGダイエット対決 vol.05]
今回は、グラフィックアプリケーションのデファクトスタンダードであるAdobe P...

画像の差分をみてみよう!変化がわかると、違いがわかる!比べてわかるクオリティと差分の関係。
今回は、画像最適化した際に、実際に表示される画像にどのくらいの差分が発生している...
![お手軽!かんたん!PCにインストールする「JPEGmini」アプリは画質を優先した画像の最適化が得意![JPGダイエット対決 vol.04]](https://blog.ideamans.com/assets/2017-12-01-jpegmini-ogp.jpg)
お手軽!かんたん!PCにインストールする「JPEGmini」アプリは画質を優先した画像の最適化が得意![JPGダイエット対決 vol.04]
JPGダイエット対決 vol.04 ということで、今回はパソコンにインストールし...
![最強の相手はTinyPNG。そのWordPressプラグインの実力は?「Compress JPEG & PNG images」を試してみた。[JPGダイエット対決 vol.03]](https://blog.ideamans.com/assets/ray-hennessy-139970.jpg)
最強の相手はTinyPNG。そのWordPressプラグインの実力は?「Compress JPEG & PNG images」を試してみた。[JPGダイエット対決 vol.03]
今回はJPGダイエット対決 vol.03 ということで、ふたたびWordPres...
![画像を軽量化しよう!WordPressの人気画像最適化プラグイン「EWWW Image Optimizer」は、有料APIを利用すると本気になる?[JPGダイエット対決 vol.02]](https://blog.ideamans.com/assets/2017-11-17-wp-ewww-ogp.jpg)
画像を軽量化しよう!WordPressの人気画像最適化プラグイン「EWWW Image Optimizer」は、有料APIを利用すると本気になる?[JPGダイエット対決 vol.02]
今回はJPGダイエット対決 vol.02 ということで、WordPressの人気...

速いは正義!dev.toにみるウェブページ表示高速化の画像最適化手法をみてみた
ウェブページの表示高速化の第一歩は、画像の最適化だと信じています。なぜなら、ダウ...

画像の色味が変わる?色空間は再現範囲が異なるから、Exif情報のColorまわりの項目には気をつけよう!
人生の一瞬を切り撮ることができる写真。素敵ですよね。人生の過程であったり、その時...

60%以上の軽量化も!iPhoneで撮影した風景写真を、LightFile CoreでJPGダイエットしてみた
だいぶ東京も寒くなってきましたね。北海道ではもう雪が降ったとか。今年は釧路が最初...

ほとんど元画像と変わらない!ファイルサイズよりも最も劣化が少ないキレイな画質をみて、ファイルサイズを削減!
LightFile Coreは、ファイル削減機能よりも注目されている機能があり...