[{"data":1,"prerenderedAt":918},["ShallowReactive",2],{"blog-post-/blog/ja-jp/lossy-vs-lossless-compression":3,"related-posts-/ja-JP/blog/lossy-vs-lossless-compression":308},{"id":4,"title":5,"author":6,"body":7,"category":287,"date":288,"description":289,"extension":290,"featured":291,"image":292,"meta":293,"navigation":294,"path":295,"readingTime":296,"seo":297,"stem":298,"tags":299,"tools":305,"__hash__":307},"content/blog/ja-JP/lossy-vs-lossless-compression.md","不可逆圧縮 vs 可逆圧縮：違いは何？","Anything Tools チーム",{"type":8,"value":9,"toc":269},"minimark",[10,14,27,30,35,41,45,48,52,74,80,84,90,93,96,99,119,124,128,201,205,212,219,223,244,247,250,266],[11,12,5],"h1",{"id":13},"不可逆圧縮-vs-可逆圧縮違いは何",[15,16,17,18,22,23,26],"p",{},"ウェブ用に画像を最適化する際、",[19,20,21],"strong",{},"不可逆 (Lossy)"," と ",[19,24,25],{},"可逆 (Lossless)"," という2つの用語によく遭遇します。違いを理解することは、画質とファイルサイズのバランスをとるための鍵となります。",[15,28,29],{},"このガイドでは、それぞれの方法がどのように機能し、いつ使用すべきかを解説します。",[31,32,34],"h2",{"id":33},"可逆圧縮とは","可逆圧縮とは？",[15,36,37,40],{},[19,38,39],{},"可逆圧縮","は、画像データを失うことなくファイルサイズを小さくします。ファイルを解凍すると、元のファイルとビット単位で完全に同一になります。",[42,43,44],"h3",{"id":44},"仕組み",[15,46,47],{},"画像のZIPファイルのようなものです。データパターンを効率的に保存する方法を見つけます。たとえば、「白ピクセル、白ピクセル、白ピクセル」と保存する代わりに、「3x 白ピクセル」と保存するかもしれません。",[42,49,51],{"id":50},"最適な使用例","最適な使用例：",[53,54,55,62,68],"ul",{},[56,57,58,61],"li",{},[19,59,60],{},"スクリーンショットとUI要素:"," エッジとテキストを鮮明に保つ必要があります。",[56,63,64,67],{},[19,65,66],{},"ロゴとアイコン:"," フラットな色を持つグラフィック。",[56,69,70,73],{},[19,71,72],{},"プロの写真:"," 品質が最優先されるアーカイブコピー（例：RAWファイル）。",[15,75,76,79],{},[19,77,78],{},"フォーマット例:"," PNG, GIF, WebP (可逆モード), AVIF (可逆モード)。",[31,81,83],{"id":82},"不可逆圧縮とは","不可逆圧縮とは？",[15,85,86,89],{},[19,87,88],{},"不可逆圧縮","は、一部のデータを永久に破棄することでファイルサイズを大幅に削減します。それは人間の知覚の限界に依存しており、私たちの目が気付きにくい詳細を削除します。",[42,91,44],{"id":92},"仕組み-1",[15,94,95],{},"色情報を単純化し、細かい詳細を滑らかにします。圧縮すればするほど、「アーティファクト」（ブロック状のノイズやぼやけ）が目立つようになります。",[42,97,51],{"id":98},"最適な使用例-1",[53,100,101,107,113],{},[56,102,103,106],{},[19,104,105],{},"写真:"," 何百万もの色を持つ複雑な画像。",[56,108,109,112],{},[19,110,111],{},"ウェブ画像:"," 速度が重要な背景、バナー、ギャラリー写真。",[56,114,115,118],{},[19,116,117],{},"サムネイル:"," 小さなプレビュー画像。",[15,120,121,123],{},[19,122,78],{}," JPEG, WebP (不可逆モード), AVIF (不可逆モード)。",[31,125,127],{"id":126},"比較ファイルサイズ-vs-画質","比較：ファイルサイズ vs 画質",[129,130,131,147],"table",{},[132,133,134],"thead",{},[135,136,137,141,144],"tr",{},[138,139,140],"th",{},"機能",[138,142,143],{},"可逆",[138,145,146],{},"不可逆",[148,149,150,164,177,190],"tbody",{},[135,151,152,158,161],{},[153,154,155],"td",{},[19,156,157],{},"データの整合性",[153,159,160],{},"100% オリジナルデータ",[153,162,163],{},"一部のデータを破棄",[135,165,166,171,174],{},[153,167,168],{},[19,169,170],{},"ファイルサイズ削減",[153,172,173],{},"中程度 (10-30%)",[153,175,176],{},"大幅 (50-90%)",[135,178,179,184,187],{},[153,180,181],{},[19,182,183],{},"視覚的な品質",[153,185,186],{},"完璧",[153,188,189],{},"気付かない程度から悪い（設定による）",[135,191,192,197,199],{},[153,193,194],{},[19,195,196],{},"可逆性",[153,198,143],{},[153,200,146],{},[31,202,204],{"id":203},"あなたのウェブサイトにどちらを選ぶべき","あなたのウェブサイトにどちらを選ぶべき？",[15,206,207,208,211],{},"ほとんどのウェブシナリオでは、",[19,209,210],{},"不可逆圧縮が勝者","です。",[15,213,214,215,218],{},"なぜなら、人間の目は寛容だからです。わずかに圧縮されたJPEGは、元のPNGと99%同じように見えるかもしれませんが、",[19,216,217],{},"80%小さく","なります。ファイルサイズの大幅な削減は、ページ読み込み速度の大幅な向上とSEOランキングの改善につながります。",[42,220,222],{"id":221},"私たちの推奨","私たちの推奨：",[224,225,226,232,238],"ol",{},[56,227,228,231],{},[19,229,230],{},"写真の場合:"," 不可逆 JPEG、WebP、またはAVIFを使用します。80-85%程度の画質設定が通常、完璧なバランスを提供します。",[56,233,234,237],{},[19,235,236],{},"ロゴ/アイコンの場合:"," SVG（ベクター）または可逆PNGを使用します。",[56,239,240,243],{},[19,241,242],{},"スクリーンショットの場合:"," 可逆PNGまたはWebPを使用します。",[31,245,246],{"id":246},"自分で試してみる",[15,248,249],{},"違いを見てみたいですか？私たちの無料ツールを使って実験してみてください：",[53,251,252,260],{},[56,253,254,259],{},[255,256,258],"a",{"href":257},"/image/converter/png-to-avif","PNG画像を圧縮"," (より良い結果を得るためにAVIFへの変換を試してください)",[56,261,262],{},[255,263,265],{"href":264},"/image/converter/jpg-to-webp","JPEG画像を最適化",[15,267,268],{},"適切な圧縮方法を選択することで、ウェブサイトの見栄えを良くし、瞬時に読み込むことができます。",{"title":270,"searchDepth":271,"depth":271,"links":272},"",2,[273,278,282,283,286],{"id":33,"depth":271,"text":34,"children":274},[275,277],{"id":44,"depth":276,"text":44},3,{"id":50,"depth":276,"text":51},{"id":82,"depth":271,"text":83,"children":279},[280,281],{"id":92,"depth":276,"text":44},{"id":98,"depth":276,"text":51},{"id":126,"depth":271,"text":127},{"id":203,"depth":271,"text":204,"children":284},[285],{"id":221,"depth":276,"text":222},{"id":246,"depth":271,"text":246},"画像最適化","2026-01-22T00:00:00.000Z","不可逆画像圧縮と可逆画像圧縮の主な違いを理解しましょう。ウェブサイトのパフォーマンスを最適化するために、それぞれいつ使用すべきかを学びます。","md",false,"/blog/lossy-vs-lossless.jpg",{},true,"/blog/ja-jp/lossy-vs-lossless-compression",5,{"title":5,"description":289},"blog/ja-JP/lossy-vs-lossless-compression",[300,301,302,303,304],"圧縮","JPG","PNG","最適化","Web開発",[306],"/image/compressor","H2fuulZFb_sEA94BdF4nx_G9tHCE26YExawvsdxZIz8",[309,828],{"id":310,"title":311,"author":6,"body":312,"category":287,"date":813,"description":814,"extension":290,"featured":291,"image":815,"meta":816,"navigation":294,"path":817,"readingTime":818,"seo":819,"stem":820,"tags":821,"tools":825,"__hash__":827},"content/blog/ja-JP/avif-vs-webp-comparison.md","AVIF vs WebP: 2026年、最適な画像フォーマットはどれ？",{"type":8,"value":313,"toc":794},[314,317,327,334,338,439,443,448,452,472,476,482,486,506,509,513,516,529,533,536,540,554,568,703,706,709,712,715,733,736,747,751,756,764,769,780,790],[11,315,311],{"id":316},"avif-vs-webp-2026年最適な画像フォーマットはどれ",[15,318,319,320,323,324,211],{},"より高速なウェブサイトとより良いユーザー体験を追求する中で、画像の最適化は重要な役割を果たします。長年にわたり、",[19,321,322],{},"WebP"," はJPEGやPNGへの対抗馬でした。しかし今、新たな競争相手が登場しました：",[19,325,326],{},"AVIF",[15,328,329,330,333],{},"このガイドでは、",[19,331,332],{},"AVIF vs WebP"," を比較し、2026年のプロジェクトに最適な次世代フォーマットはどちらかを判断する手助けをします。",[31,335,337],{"id":336},"概要結論","概要：結論",[129,339,340,353],{},[132,341,342],{},[135,343,344,346,348,350],{},[138,345,140],{},[138,347,322],{},[138,349,326],{},[138,351,352],{},"勝者",[148,354,355,372,389,406,423],{},[135,356,357,361,364,367],{},[153,358,359],{},[19,360,300],{},[153,362,363],{},"良好 (JPEGより25-35%小さい)",[153,365,366],{},"優秀 (JPEGより50%以上小さい)",[153,368,369,370],{},"🏆 ",[19,371,326],{},[135,373,374,379,382,385],{},[153,375,376],{},[19,377,378],{},"画質",[153,380,381],{},"中/高ビットレートで良好",[153,383,384],{},"低ビットレートで優れている",[153,386,369,387],{},[19,388,326],{},[135,390,391,396,399,402],{},[153,392,393],{},[19,394,395],{},"ブラウザ対応",[153,397,398],{},"ほぼ全て (97%以上)",[153,400,401],{},"優秀 (93%以上)",[153,403,369,404],{},[19,405,322],{},[135,407,408,413,416,419],{},[153,409,410],{},[19,411,412],{},"エンコード速度",[153,414,415],{},"早い",[153,417,418],{},"遅め",[153,420,369,421],{},[19,422,322],{},[135,424,425,429,432,435],{},[153,426,427],{},[19,428,140],{},[153,430,431],{},"透明度, アニメーション",[153,433,434],{},"透明度, アニメーション, HDR, 広色域",[153,436,369,437],{},[19,438,326],{},[31,440,442],{"id":441},"webpとは","WebPとは？",[15,444,445,447],{},[19,446,322],{}," は、2010年にGoogleによって開発された画像フォーマットです。予測符号化を使用して、JPEGやPNGよりも効率的に画像を圧縮します。",[42,449,451],{"id":450},"webpの主な利点","WebPの主な利点：",[53,453,454,460,466],{},[56,455,456,459],{},[19,457,458],{},"広範なサポート:"," すべての主要ブラウザ（Chrome、Firefox、Safari、Edge）でサポートされています。",[56,461,462,465],{},[19,463,464],{},"多用途:"," 不可逆圧縮と可逆圧縮の両方、および透明度（アルファチャンネル）とアニメーションをサポートしています。",[56,467,468,471],{},[19,469,470],{},"パフォーマンス:"," 通常、同等のJPEG画像よりも25-35%小さくなります。",[31,473,475],{"id":474},"avifとは","AVIFとは？",[15,477,478,481],{},[19,479,480],{},"AVIF (AV1 Image File Format)"," は、AV1ビデオコーデックのキーフレームから派生した新しいフォーマットです。2019年にAlliance for Open Media (AOMedia) によってリリースされました。",[42,483,485],{"id":484},"avifの主な利点","AVIFの主な利点：",[53,487,488,494,500],{},[56,489,490,493],{},[19,491,492],{},"卓越した圧縮:"," 同じ画質でJPEGより50%、WebPより20-30%小さくできます。",[56,495,496,499],{},[19,497,498],{},"高画質:"," WebP（ブロック状に見えることがある）と比較して、非常に小さなファイルサイズでも構造的な詳細をより維持します。",[56,501,502,505],{},[19,503,504],{},"高度な機能:"," HDR（ハイダイナミックレンジ）と広色域（WCG）をネイティブサポートしています。",[31,507,508],{"id":508},"詳細比較",[42,510,512],{"id":511},"_1-ファイルサイズと圧縮","1. ファイルサイズと圧縮",[15,514,515],{},"ここではAVIFが明確な勝者です。その圧縮アルゴリズムはより高度で、より少ないバイト数により多くのデータを詰め込むことができます。私たちのテストでは：",[53,517,518,524],{},[56,519,520,521,523],{},"100KB JPEG を ",[19,522,322],{}," に変換: ~70KB",[56,525,520,526,528],{},[19,527,326],{}," に変換: ~50KB",[42,530,532],{"id":531},"_2-視覚的な品質","2. 視覚的な品質",[15,534,535],{},"ファイルサイズが小さい場合、WebPは「ブロックノイズ」やぼやけが発生しがちです。一方、AVIFは細かいテクスチャや粒子が失われる可能性がありますが、一般的にエッジや形状をはるかによく保持し、積極的な圧縮レベルでも人間の目にはより心地よい画像を生成します。",[42,537,539],{"id":538},"_3-ブラウザ対応-2026","3. ブラウザ対応 (2026)",[53,541,542,548],{},[56,543,544,547],{},[19,545,546],{},"WebP:"," 基本的にすべての環境でサポートされています。主要なフォーマットとして安全に使用できます。",[56,549,550,553],{},[19,551,552],{},"AVIF:"," Chrome、Firefox、Safari (iOS 16+, macOS Ventura+)、Edgeでサポートされています。グローバルなサポート率は93%を超えています。",[555,556,557],"blockquote",{},[15,558,559,562,563,567],{},[19,560,561],{},"推奨:"," ",[564,565,566],"code",{},"\u003Cpicture>","タグを使用して、最新のブラウザにはAVIFを提供し、古いブラウザにはWebPまたはJPEGにフォールバックします。",[569,570,574],"pre",{"className":571,"code":572,"language":573,"meta":270,"style":270},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cpicture>\n  \u003Csource srcset=\"image.avif\" type=\"image/avif\">\n  \u003Csource srcset=\"image.webp\" type=\"image/webp\">\n  \u003Cimg src=\"image.jpg\" alt=\"説明\">\n\u003C/picture>\n","html",[564,575,576,592,630,660,694],{"__ignoreMap":270},[577,578,581,585,589],"span",{"class":579,"line":580},"line",1,[577,582,584],{"class":583},"sMK4o","\u003C",[577,586,588],{"class":587},"swJcz","picture",[577,590,591],{"class":583},">\n",[577,593,594,597,600,604,607,610,614,616,619,621,623,626,628],{"class":579,"line":271},[577,595,596],{"class":583},"  \u003C",[577,598,599],{"class":587},"source",[577,601,603],{"class":602},"spNyl"," srcset",[577,605,606],{"class":583},"=",[577,608,609],{"class":583},"\"",[577,611,613],{"class":612},"sfazB","image.avif",[577,615,609],{"class":583},[577,617,618],{"class":602}," type",[577,620,606],{"class":583},[577,622,609],{"class":583},[577,624,625],{"class":612},"image/avif",[577,627,609],{"class":583},[577,629,591],{"class":583},[577,631,632,634,636,638,640,642,645,647,649,651,653,656,658],{"class":579,"line":276},[577,633,596],{"class":583},[577,635,599],{"class":587},[577,637,603],{"class":602},[577,639,606],{"class":583},[577,641,609],{"class":583},[577,643,644],{"class":612},"image.webp",[577,646,609],{"class":583},[577,648,618],{"class":602},[577,650,606],{"class":583},[577,652,609],{"class":583},[577,654,655],{"class":612},"image/webp",[577,657,609],{"class":583},[577,659,591],{"class":583},[577,661,663,665,668,671,673,675,678,680,683,685,687,690,692],{"class":579,"line":662},4,[577,664,596],{"class":583},[577,666,667],{"class":587},"img",[577,669,670],{"class":602}," src",[577,672,606],{"class":583},[577,674,609],{"class":583},[577,676,677],{"class":612},"image.jpg",[577,679,609],{"class":583},[577,681,682],{"class":602}," alt",[577,684,606],{"class":583},[577,686,609],{"class":583},[577,688,689],{"class":612},"説明",[577,691,609],{"class":583},[577,693,591],{"class":583},[577,695,696,699,701],{"class":579,"line":296},[577,697,698],{"class":583},"\u003C/",[577,700,588],{"class":587},[577,702,591],{"class":583},[31,704,705],{"id":705},"画像の変換方法",[15,707,708],{},"次世代画像を作成するために高価なソフトウェアは必要ありません。",[42,710,711],{"id":711},"オンラインツール",[15,713,714],{},"私たちの無料ツールを使用して画像を変換できます：",[53,716,717,722,727],{},[56,718,719],{},[255,720,721],{"href":264},"JPGをWebPに変換",[56,723,724],{},[255,725,726],{"href":257},"PNGをAVIFに変換",[56,728,729],{},[255,730,732],{"href":731},"/image/converter/heic-to-jpg","HEICをJPGに変換",[42,734,735],{"id":735},"コマンドライン",[15,737,738,739,742,743,746],{},"開発者にとって、",[564,740,741],{},"ffmpeg"," (AVIF用) や ",[564,744,745],{},"cwebp"," (WebP用) のようなツールは、バッチ処理のための強力な選択肢です。",[31,748,750],{"id":749},"結論どちらを使うべき","結論：どちらを使うべき？",[15,752,753],{},[19,754,755],{},"以下の場合にWebPを使用してください：",[53,757,758,761],{},[56,759,760],{},"フォールバック戦略なしで最大の互換性が必要な場合。",[56,762,763],{},"高速なエンコード速度が必要な場合（例：その場で画像を生成する）。",[15,765,766],{},[19,767,768],{},"以下の場合にAVIFを使用してください：",[53,770,771,774,777],{},[56,772,773],{},"最速のページ読み込みのために、ファイルサイズを最小限に抑えたい場合。",[56,775,776],{},"HDRサポートやより高いビット深度の色が必要な場合。",[56,778,779],{},"フォールバックタグの使用に抵抗がない場合。",[15,781,782,785,786,789],{},[19,783,784],{},"最終判定:"," 2026年現在、",[19,787,788],{},"パフォーマンスにはAVIFが最適","ですが、WebPは依然として堅実で普遍的にサポートされている主力フォーマットです。最良の戦略は、多くの場合、両方を使用することです。",[791,792,793],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":270,"searchDepth":271,"depth":271,"links":795},[796,797,800,803,808,812],{"id":336,"depth":271,"text":337},{"id":441,"depth":271,"text":442,"children":798},[799],{"id":450,"depth":276,"text":451},{"id":474,"depth":271,"text":475,"children":801},[802],{"id":484,"depth":276,"text":485},{"id":508,"depth":271,"text":508,"children":804},[805,806,807],{"id":511,"depth":276,"text":512},{"id":531,"depth":276,"text":532},{"id":538,"depth":276,"text":539},{"id":705,"depth":271,"text":705,"children":809},[810,811],{"id":711,"depth":276,"text":711},{"id":735,"depth":276,"text":735},{"id":749,"depth":271,"text":750},"2026-01-20T00:00:00.000Z","AVIFとWebP画像フォーマットの包括的な比較。圧縮率、画質、ブラウザ対応状況、そしてあなたのウェブサイトにどちらを使用すべきかを解説します。","/blog/avif-vs-webp.jpg",{},"/blog/ja-jp/avif-vs-webp-comparison",6,{"title":311,"description":814},"blog/ja-JP/avif-vs-webp-comparison",[326,322,822,823,824],"画像圧縮","Webパフォーマンス","SEO",[826],"/image/converter/webp-to-avif","VKl8mlHRAWoibjHFRpfqfu4IYVMz1lX226jm7PqRMRg",{"id":829,"title":830,"author":831,"body":832,"category":287,"date":905,"description":906,"extension":290,"featured":291,"image":907,"meta":908,"navigation":294,"path":909,"readingTime":910,"seo":911,"stem":912,"tags":913,"tools":916,"__hash__":917},"content/blog/ja-JP/how-to-compress-images-for-faster-page-speed.md","画像を圧縮してページ表示を高速化する方法","Anything Tools Editorial",{"type":8,"value":833,"toc":898},[834,836,839,843,846,850,858,862,870,874,891,895],[11,835,830],{"id":830},[15,837,838],{},"重い画像は、今でもページ表示を遅くする最大要因のひとつです。特にモバイル体験と Core Web Vitals に効いてきます。",[31,840,842],{"id":841},"why-compression-matters","Why compression matters",[15,844,845],{},"Large images increase download weight, slow perceived load time, and make Core Web Vitals harder to improve.",[31,847,849],{"id":848},"pick-the-right-format-first","Pick the right format first",[15,851,852,853,857],{},"Use JPG for photos, PNG for graphics with transparency, and WebP when you want a modern web delivery format. You can compare options with the ",[255,854,856],{"href":855},"/image/converter","Image Converter",".",[31,859,861],{"id":860},"resize-before-compressing","Resize before compressing",[15,863,864,865,869],{},"Do not compress a 4000px image if the layout only needs 1200px. Start with the ",[255,866,868],{"href":867},"/image/resizer","Image Resizer",", then compress the smaller file.",[31,871,873],{"id":872},"delivery-workflow","Delivery workflow",[224,875,876,879,882,888],{},[56,877,878],{},"Export the original asset.",[56,880,881],{},"Resize to the real display range.",[56,883,884,885,857],{},"Compress with ",[255,886,887],{"href":306},"Image Compressor",[56,889,890],{},"Recheck the page and compare before/after in the browser.",[31,892,894],{"id":893},"final-takeaway","Final takeaway",[15,896,897],{},"For better page speed, think in this order: dimensions first, format second, compression third.",{"title":270,"searchDepth":271,"depth":271,"links":899},[900,901,902,903,904],{"id":841,"depth":271,"text":842},{"id":848,"depth":271,"text":849},{"id":860,"depth":271,"text":861},{"id":872,"depth":271,"text":873},{"id":893,"depth":271,"text":894},"2026-03-24T00:00:00.000Z","適切な形式の選択、先にリサイズしてから圧縮する流れ、そして画質と Core Web Vitals のバランスを実践的に解説します。","/blog/how-to-compress-images-for-faster-page-speed.png",{},"/blog/ja-jp/how-to-compress-images-for-faster-page-speed",7,{"title":830,"description":906},"blog/ja-JP/how-to-compress-images-for-faster-page-speed",[822,914,915,823,824],"ページ速度","Core Web Vitals",[306],"KgaEJP5Pv_YBcX6U7udC-k98i4IbI5_jwBuYMUgdUe0",1781687210737]