[{"data":1,"prerenderedAt":5137},["ShallowReactive",2],{"blog-tag-ja-image":3},[4,339,741,1101,1417,1611,2160,2378,2600,2825,3043,3242,3451,3677,4362],{"id":5,"title":6,"author":7,"body":8,"category":320,"coverImage":321,"description":322,"draft":323,"extension":324,"locale":325,"meta":326,"navigation":327,"noindex":323,"path":328,"publishedAt":329,"seo":330,"slug":331,"stem":332,"tags":333,"updatedAt":329,"__hash__":338},"blog\u002Fblog\u002Fimage-to-pdf-word-presentation.md","複数画像をまとめてPDF化する方法｜資料作成を効率化する手順と注意点","Zerosend Editorial",{"type":9,"value":10,"toc":302},"minimark",[11,16,20,23,36,39,42,45,48,51,167,170,173,175,179,182,192,196,211,218,221,224,236,240,243,245,248,251,262,266,273,277,280,282,285,288,299],[12,13,15],"h2",{"id":14},"画像をまとめてpdfにしたい場面とよくある課題","画像をまとめてPDFにしたい場面とよくある課題",[17,18,19],"p",{},"プレゼン資料の差し替え、納品物のまとめ、申請書類のスキャン結果の整理——こうした業務で「複数の画像ファイルを1つのPDFにまとめて送りたい」という状況は日常的に発生する。",[17,21,22],{},"問題は、この作業が思ったより手間のかかるケースが多いことだ。",[24,25,26,30,33],"ul",{},[27,28,29],"li",{},"スマートフォンで撮影したJPEGが10枚以上あり、順番を維持したままPDF化したい",[27,31,32],{},"スキャナで取り込んだPNGを、上司や取引先に1ファイルで渡したい",[27,34,35],{},"Wordに貼り付けてPDF出力する方法は知っているが、レイアウトが崩れやすい",[17,37,38],{},"Wordに画像を貼り付けてPDF保存する方法はよく知られているが、余白・縮尺・ページ送りの調整に時間がかかり、画像が多いほど作業コストが積み上がる。PowerPointも同様で、スライドサイズと画像サイズの不一致が見た目の問題を引き起こしやすい。",[17,40,41],{},"また、オンラインの変換ツールを使う場合、「ファイルがサーバーに送信されていないか」を気にするユーザーも増えている。特に社内資料や個人情報を含む書類を扱うケースでは、アップロード先のプライバシーポリシーを確認するひと手間が発生する。",[43,44],"hr",{},[12,46,47],{"id":47},"主な変換方法の比較",[17,49,50],{},"画像をPDFに変換する方法はいくつかある。それぞれの特性を整理すると、用途によって最適な選択肢が変わる。",[52,53,54,76],"table",{},[55,56,57],"thead",{},[58,59,60,64,67,70,73],"tr",{},[61,62,63],"th",{},"方法",[61,65,66],{},"操作の手軽さ",[61,68,69],{},"ファイルのサーバー送信",[61,71,72],{},"複数ファイルの一括処理",[61,74,75],{},"コスト",[77,78,79,97,112,132,150],"tbody",{},[58,80,81,85,88,91,94],{},[82,83,84],"td",{},"Word → PDF出力",[82,86,87],{},"△（貼り付け・調整が必要）",[82,89,90],{},"なし",[82,92,93],{},"△（手動で配置）",[82,95,96],{},"無料（Office要)",[58,98,99,102,105,107,109],{},[82,100,101],{},"macOS プレビュー",[82,103,104],{},"○",[82,106,90],{},[82,108,104],{},[82,110,111],{},"無料（Mac限定）",[58,113,114,117,120,127,129],{},[82,115,116],{},"Smallpdf \u002F iLovePDF",[82,118,119],{},"◎（操作が簡単）",[82,121,122,126],{},[123,124,125],"strong",{},"あり","（クラウド処理）",[82,128,104],{},[82,130,131],{},"無料プランあり／有料機能あり",[58,133,134,137,140,145,147],{},[82,135,136],{},"Adobe Acrobat（Web）",[82,138,139],{},"◎",[82,141,142,144],{},[123,143,125],{},"（Adobeサーバー）",[82,146,104],{},[82,148,149],{},"無料プランあり／有料",[58,151,152,155,157,162,164],{},[82,153,154],{},"ブラウザ内処理ツール（zerosend等）",[82,156,139],{},[82,158,159,161],{},[123,160,90],{},"（ローカル完結）",[82,163,104],{},[82,165,166],{},"無料",[17,168,169],{},"Smallpdf や iLovePDF は操作性が高く広く使われているが、ファイルはいったんサーバーにアップロードされて処理される。無料プランでは一定時間後に削除されると明記されているが、機密度の高いファイルを扱う場合はポリシーの確認が必要だ。",[17,171,172],{},"macOS の「プレビュー」アプリは複数画像をドラッグして結合・PDF出力できる優秀な選択肢だが、Windowsユーザーは利用できない。",[43,174],{},[12,176,178],{"id":177},"ブラウザだけで完結する方法zerosend-の画像-pdf-変換","ブラウザだけで完結する方法：zerosend の画像 → PDF 変換",[17,180,181],{},"プライバシーの懸念を回避しつつ、Officeアプリの煩雑な操作も避けたい場合、ブラウザ内で処理が完結するツールが選択肢になる。",[17,183,184,191],{},[185,186,190],"a",{"href":187,"rel":188},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-to-pdf",[189],"nofollow","画像 → PDF 変換ツール"," は、JPEG・PNG・WebP などの画像ファイルをブラウザだけでPDFに変換する無料ツールだ。ファイルはサーバーに送信されず、すべての処理がローカルで行われる。DevTools の Network タブを開いたまま変換しても、ファイルのアップロード通信が発生しないことを自分で確認できる。",[193,194,195],"h3",{"id":195},"基本的な使い方",[197,198,199,202,205,208],"ol",{},[27,200,201],{},"ツールのページを開く（初回のみスクリプト読み込みが発生する）",[27,203,204],{},"変換したい画像ファイルをドラッグ＆ドロップ、またはファイル選択ダイアログで追加する",[27,206,207],{},"サムネイル一覧でページ順を確認・並べ替える",[27,209,210],{},"「PDFに変換」ボタンを押すとブラウザ内で処理が走り、完成したPDFがダウンロードされる",[17,212,213],{},[214,215],"img",{"alt":216,"src":217},"スクショ: zerosend 画像 → PDF 変換ツールのファイル追加画面","TODO-screenshot",[17,219,220],{},"操作自体はシンプルだが、いくつかの点を事前に把握しておくと作業がスムーズになる。",[193,222,223],{"id":223},"ページ順の確認を怠らない",[17,225,226,227,231,232,235],{},"複数ファイルを一括追加したとき、ファイル名の順番（例: ",[228,229,230],"code",{},"001.jpg",", ",[228,233,234],{},"002.jpg","）でページが並ぶとは限らない。必ずサムネイルで順序を確認し、ドラッグで並べ替えてから変換を実行する。",[193,237,239],{"id":238},"画像サイズとpdfのページサイズ","画像サイズとPDFのページサイズ",[17,241,242],{},"変換後のPDFは、画像の縦横比をそのままページに反映するか、A4などの固定サイズに収めるかで出力が変わるツールが多い。印刷を想定した資料ならA4フォーマットに揃えておくと、受け取った相手が印刷しやすい。",[43,244],{},[12,246,247],{"id":247},"資料作成を効率化するための実践ポイント",[193,249,250],{"id":250},"ファイル名を連番で整理してから作業する",[17,252,253,254,257,258,261],{},"複数の画像をまとめる前に、",[228,255,256],{},"001_表紙.jpg","、",[228,259,260],{},"002_本文.jpg"," のように連番のファイル名に統一しておくと、ツール側の読み込み順が一致しやすく、並べ替えの手間が減る。",[193,263,265],{"id":264},"webpやheicの事前変換","WebPやHEICの事前変換",[17,267,268,269,272],{},"スマートフォンで撮影したHEICフォーマットや、Web向けのWebPファイルは、ツールによっては対応していない場合がある。",[185,270,190],{"href":187,"rel":271},[189]," はWebPに対応しているが、HEICを使う場合は事前にJPEGへ変換しておくと確実だ。HEICの変換には macOS のプレビューや、同様にブラウザ内処理に対応した変換ツールを利用できる。",[193,274,276],{"id":275},"最終確認は必ずpdfビューアで","最終確認は必ずPDFビューアで",[17,278,279],{},"変換後のPDFを開いて、全ページの表示・順番・画質を確認してから送付・提出するのが基本だ。特にページ数が多い場合、途中の1枚が欠落していても見落としやすい。",[43,281],{},[12,283,284],{"id":284},"まとめ",[17,286,287],{},"複数の画像をまとめてPDF化する方法には、Word・macOSプレビュー・オンラインサービス・ブラウザ内処理ツールといった選択肢がある。",[24,289,290,293,296],{},[27,291,292],{},"操作の簡便さと対応OSの広さを重視するなら、ブラウザ内処理ツールが実用的",[27,294,295],{},"社内資料や個人情報を含むファイルを扱う場合、サーバー送信が発生しないツールを選ぶことでリスクを低減できる",[27,297,298],{},"ページ順・ファイル形式・PDFの仕上がり確認の3点が、作業品質を左右する",[17,300,301],{},"どの方法を選ぶにせよ、変換前のファイル整理と変換後の目視確認を習慣にすることで、資料作成のミスを減らせる。",{"title":303,"searchDepth":304,"depth":304,"links":305},"",2,[306,307,308,314,319],{"id":14,"depth":304,"text":15},{"id":47,"depth":304,"text":47},{"id":177,"depth":304,"text":178,"children":309},[310,312,313],{"id":195,"depth":311,"text":195},3,{"id":223,"depth":311,"text":223},{"id":238,"depth":311,"text":239},{"id":247,"depth":304,"text":247,"children":315},[316,317,318],{"id":250,"depth":311,"text":250},{"id":264,"depth":311,"text":265},{"id":275,"depth":311,"text":276},{"id":284,"depth":304,"text":284},"tech",null,"JPEGやPNGなど複数の画像ファイルをまとめてPDFに変換する方法を解説。ブラウザだけで完結するツールの使い方から、ページ順・画質の注意点まで実践的にまとめた。",false,"md","ja",{},true,"\u002Fblog\u002Fimage-to-pdf-word-presentation","2026-05-30",{"title":6,"description":322},"image-to-pdf-word-presentation","blog\u002Fimage-to-pdf-word-presentation",[334,335,336,337],"画像","変換","業務","プライバシー","JHNIXMHh4xbjer8zZVR6dTAGzKq8bN_EPxuRUgH6opg",{"id":340,"title":341,"author":7,"body":342,"category":320,"coverImage":321,"description":731,"draft":323,"extension":324,"locale":325,"meta":732,"navigation":327,"noindex":323,"path":733,"publishedAt":734,"seo":735,"slug":736,"stem":737,"tags":738,"updatedAt":734,"__hash__":740},"blog\u002Fblog\u002Fheic-what-is-how-to-open.md","HEICファイルとは？iPhoneで撮った写真が開けない原因と変換方法",{"type":9,"value":343,"toc":719},[344,351,354,357,359,363,376,379,459,462,464,468,472,479,493,496,500,508,512,515,517,521,528,531,538,540,544,547,613,616,623,636,639,641,644,659,667,675,683,685,687,690,716],[17,345,346,347,350],{},"iPhoneで撮った写真をWindowsのPCやウェブフォームに送ろうとしたとき、「このファイルは開けません」と表示された経験はないだろうか。原因のほとんどは、ファイルの拡張子が ",[228,348,349],{},".heic"," になっていることだ。",[17,352,353],{},"HEICはAppleがiOS 11から採用した画像形式で、JPEGと比較して同等の画質をおよそ半分のファイルサイズで保存できる。ストレージ節約には優秀だが、Windows標準環境や古いソフトウェア、各種ウェブサービスのアップロードフォームでは未対応のケースが多く、ビジネスの現場でたびたびつまずきの原因になる。",[17,355,356],{},"この記事では、HEICの仕組みをひととおり説明したうえで、WindowsとMacそれぞれでの開き方、そしてJPGへの変換方法を実践的にまとめる。",[43,358],{},[12,360,362],{"id":361},"heicとは何かjpegとの違いを押さえる","HEICとは何か――JPEGとの違いを押さえる",[17,364,365,366,369,370,375],{},"HEICは ",[123,367,368],{},"High Efficiency Image Container"," の略で、映像圧縮規格HEVC（H.265）をベースにした静止画フォーマットだ。",[185,371,374],{"href":372,"rel":373},"https:\u002F\u002Fmpeg.chiariglione.org\u002Fstandards\u002Fmpeg-h\u002Fimage-file-format",[189],"MPEG公式の仕様書","では、単一フレームだけでなく画像シーケンスやバースト撮影のデータも1ファイルに格納できると定義されている。",[17,377,378],{},"JPEGと並べた場合の主な特徴は以下のとおり。",[52,380,381,394],{},[55,382,383],{},[58,384,385,388,391],{},[61,386,387],{},"項目",[61,389,390],{},"HEIC",[61,392,393],{},"JPEG",[77,395,396,407,418,429,439,449],{},[58,397,398,401,404],{},[82,399,400],{},"圧縮アルゴリズム",[82,402,403],{},"HEVC (H.265)",[82,405,406],{},"DCT",[58,408,409,412,415],{},[82,410,411],{},"同画質でのファイルサイズ",[82,413,414],{},"約50%小さい",[82,416,417],{},"基準",[58,419,420,423,426],{},[82,421,422],{},"透過（アルファチャンネル）",[82,424,425],{},"対応",[82,427,428],{},"非対応",[58,430,431,434,436],{},[82,432,433],{},"HDR \u002F 広色域",[82,435,425],{},[82,437,438],{},"限定的",[58,440,441,444,447],{},[82,442,443],{},"Windows標準での表示",[82,445,446],{},"要拡張機能",[82,448,425],{},[58,450,451,454,456],{},[82,452,453],{},"ブラウザの対応状況",[82,455,438],{},[82,457,458],{},"広く対応",[17,460,461],{},"Webへのアップロード、印刷所への入稿、社内の共有フォルダへの保存――どれもJPEGを前提にしているサービスや環境がまだ多い。HEICのままでは使えないシーンが多いのはそのためだ。",[43,463],{},[12,465,467],{"id":466},"windowsでheicを開く3つの方法","WindowsでHEICを開く3つの方法",[193,469,471],{"id":470},"方法1microsoft-storeから拡張機能を追加する","方法1：Microsoft Storeから拡張機能を追加する",[17,473,474,475,478],{},"Windows 10 \u002F 11では、Microsoft Storeで ",[123,476,477],{},"「HEIF Image Extensions」","（無料）をインストールすると、エクスプローラーやフォトアプリでHEICファイルをそのまま開けるようになる。",[197,480,481,484,487,490],{},[27,482,483],{},"スタートメニューから「Microsoft Store」を開く",[27,485,486],{},"検索欄に「HEIF Image Extensions」と入力",[27,488,489],{},"「入手」をクリックしてインストール",[27,491,492],{},"フォトアプリでHEICファイルをダブルクリック",[17,494,495],{},"インストール後は再起動不要ですぐに反映される。閲覧だけが目的であればこれで十分だ。",[193,497,499],{"id":498},"方法2irfanviewなど無料ビューアを使う","方法2：IrfanViewなど無料ビューアを使う",[17,501,502,507],{},[185,503,506],{"href":504,"rel":505},"https:\u002F\u002Fwww.irfanview.com\u002F",[189],"IrfanView","はプラグイン「HEIF\u002FHEIC」を追加することでHEICの表示と変換に対応する。バッチ変換機能もあるため、大量ファイルを一括でJPEGに変換する用途に向いている。",[193,509,511],{"id":510},"方法3jpgに変換してしまう","方法3：JPGに変換してしまう",[17,513,514],{},"開くだけでなく、他者への送付や入稿を考えているなら、最初からJPGへ変換してしまうのが一番手間がかからない。変換方法は後のセクションで詳しく説明する。",[43,516],{},[12,518,520],{"id":519},"macでheicを開く方法","MacでHEICを開く方法",[17,522,523,524,527],{},"MacはmacOS High Sierra以降でHEICをネイティブサポートしているため、",[123,525,526],{},"プレビュー.appでそのまま開ける","。追加インストールは不要だ。",[17,529,530],{},"ただし、Macで開いた写真をWindowsユーザーに送るときは注意が必要で、メールに添付したHEICファイルを受け取った相手が開けないという問題は依然として起きやすい。",[17,532,533,534,537],{},"iPhoneの設定で転送フォーマットをJPEGに変えておく方法もある。「設定」→「写真」→「MACまたはPCに転送」を「自動」から「元のフォーマットのまま」ではなく ",[123,535,536],{},"「互換性優先」"," にするだけでよい。ただしこれは転送時のみの変換で、iPhone本体に保存される形式はHEICのままとなる。",[43,539],{},[12,541,543],{"id":542},"heicをjpgに変換する方法ブラウザだけで完結する選択肢","HEICをJPGに変換する方法――ブラウザだけで完結する選択肢",[17,545,546],{},"変換方法はいくつかあるが、整理すると大きく3種類になる。",[52,548,549,563],{},[55,550,551],{},[58,552,553,555,558,560],{},[61,554,63],{},[61,556,557],{},"ファイルの送信先",[61,559,75],{},[61,561,562],{},"インストール",[77,564,565,579,593],{},[58,566,567,570,573,576],{},[82,568,569],{},"Smallpdf \u002F iLovePDF などオンラインツール",[82,571,572],{},"サーバーにアップロード",[82,574,575],{},"無料〜有料",[82,577,578],{},"不要",[58,580,581,584,587,590],{},[82,582,583],{},"Photoshop \u002F Lightroom",[82,585,586],{},"ローカル処理",[82,588,589],{},"有料サブスク",[82,591,592],{},"必要",[58,594,595,600,605,609],{},[82,596,597],{},[123,598,599],{},"zerosend（ブラウザ内処理）",[82,601,602],{},[123,603,604],{},"送信なし・ブラウザ内のみ",[82,606,607],{},[123,608,166],{},[82,610,611],{},[123,612,578],{},[17,614,615],{},"SmallpdfやiLovePDFのようなオンラインサービスは手軽だが、ファイルを一度サーバーにアップロードする仕組みになっている。個人の写真や業務上の書類を扱う場合、この点は確認しておきたい。",[17,617,618,622],{},[185,619,621],{"href":620},"\u002Ftools\u002Fheic-to-jpg","HEIC → JPG 変換ツール"," は、ファイルをサーバーに送信せずブラウザ内だけで変換処理を行う。処理にはWebAssemblyを使用しており、DevToolsのNetworkタブを確認すれば画像データが外部へ送信されていないことを確認できる。操作手順は次のとおり。",[197,624,625,630,633],{},[27,626,627,629],{},[185,628,621],{"href":620}," をブラウザで開く",[27,631,632],{},"HEICファイルをドロップ、またはファイル選択ボタンで指定する",[27,634,635],{},"変換が完了したらダウンロードボタンを押す",[17,637,638],{},"アカウント登録は不要で、複数ファイルの一括変換にも対応している。オフライン環境でも、初回ロード後であれば動作する。",[43,640],{},[12,642,643],{"id":643},"よくある疑問",[17,645,646,649,652,653,658],{},[123,647,648],{},"Q. HEICとHEIFは同じものですか？",[650,651],"br",{},"\n厳密には異なる。HEIFはコンテナ形式の名称（High Efficiency Image File Format）で、HEICはそのなかでHEVC圧縮を使った静止画のファイル拡張子だ。Appleの端末で生成されるのは主にHEIC。",[185,654,657],{"href":655,"rel":656},"https:\u002F\u002Fsupport.apple.com\u002Fja-jp\u002F101994",[189],"Appleの公式ドキュメント","でも両者の関係が説明されている。",[17,660,661,664,666],{},[123,662,663],{},"Q. 変換するとき画質は落ちますか？",[650,665],{},"\nJPGへの変換は不可逆圧縮の再エンコードになるため、品質設定によっては多少の劣化が生じる。品質を90〜95%程度に設定できるツールを選ぶと劣化を最小限に抑えられる。",[17,668,669,672,674],{},[123,670,671],{},"Q. iPhoneの写真をそもそもJPEGで保存できますか？",[650,673],{},"\nできる。「設定」→「カメラ」→「フォーマット」を「高互換性」に変更するとJPEGで保存されるようになる。ただしファイルサイズは増える。",[17,676,677,680,682],{},[123,678,679],{},"Q. 大量のHEICファイルを一括変換したい場合は？",[650,681],{},"\n前述のIrfanView（バッチ変換機能あり）か、zerosendのブラウザツールで複数ファイルをまとめてドロップする方法が手軽だ。",[43,684],{},[12,686,284],{"id":284},[17,688,689],{},"HEICはAppleが選んだ効率的な画像フォーマットだが、Windows環境やウェブサービスとの互換性問題は現在も残っている。対処法は用途によって使い分けるとよい。",[24,691,692,698,704,710],{},[27,693,694,697],{},[123,695,696],{},"開くだけでよい（Windows）"," → HEIF Image Extensions をインストール",[27,699,700,703],{},[123,701,702],{},"Macなら"," → プレビュー.appでそのまま開ける",[27,705,706,709],{},[123,707,708],{},"共有・入稿・アップロード用に変換したい"," → JPG変換ツールを使う",[27,711,712,715],{},[123,713,714],{},"プライバシーが気になる"," → ブラウザ内処理のツールを選ぶ",[17,717,718],{},"ファイルを外部サーバーに送りたくない場面では、ブラウザだけで完結する変換手段を選ぶことで、データの外部流出リスクを排除できる。",{"title":303,"searchDepth":304,"depth":304,"links":720},[721,722,727,728,729,730],{"id":361,"depth":304,"text":362},{"id":466,"depth":304,"text":467,"children":723},[724,725,726],{"id":470,"depth":311,"text":471},{"id":498,"depth":311,"text":499},{"id":510,"depth":311,"text":511},{"id":519,"depth":304,"text":520},{"id":542,"depth":304,"text":543},{"id":643,"depth":304,"text":643},{"id":284,"depth":304,"text":284},"iPhoneで撮影したHEICファイルが開けない理由と、Windows・Macでの対処法を解説。ブラウザだけで完結するJPG変換方法も紹介します。",{},"\u002Fblog\u002Fheic-what-is-how-to-open","2026-05-23",{"title":341,"description":731},"heic-what-is-how-to-open","blog\u002Fheic-what-is-how-to-open",[334,335,337,739],"技術解説","foHjvamEBQw9X-LkgQY5WNYFiWN_-Dk12nJq9kD8NGs",{"id":742,"title":743,"author":7,"body":744,"category":320,"coverImage":321,"description":1090,"draft":323,"extension":324,"locale":325,"meta":1091,"navigation":327,"noindex":323,"path":1092,"publishedAt":1093,"seo":1094,"slug":1095,"stem":1096,"tags":1097,"updatedAt":1093,"__hash__":1100},"blog\u002Fblog\u002Fjpeg-png-webp-difference.md","JPEG・PNG・WebP の違いと使い分け完全ガイド｜どれを選ぶべきか",{"type":9,"value":745,"toc":1070},[746,749,751,755,759,770,774,785,789,808,810,814,817,852,855,952,958,960,963,966,969,972,980,983,1001,1004,1009,1011,1014,1018,1021,1025,1028,1032,1035,1037,1039,1067],[17,747,748],{},"Webサイトに画像を掲載するとき、「JPEG でいいか、PNG の方がきれいか、最近よく聞く WebP はどう使うのか」と迷う場面は多い。形式を間違えると、ページの読み込みが遅くなったり、透過が消えて背景が白く塗りつぶされたりと、見た目や Core Web Vitals に直接影響する。本記事では三つの形式の仕組みから実際の選び方、変換の手順までを実践的に整理する。",[43,750],{},[12,752,754],{"id":753},"jpegpngwebpそれぞれ何が違うのか","JPEG・PNG・WebP、それぞれ何が違うのか",[193,756,758],{"id":757},"jpegjpg","JPEG（.jpg）",[17,760,761,762,765,766,769],{},"JPEG は ",[123,763,764],{},"非可逆圧縮"," を採用した形式で、人間の目が感知しにくい色差情報を間引いてファイルサイズを小さくする。写真や複雑なグラデーションとの相性が良く、品質 75〜85 程度に設定すれば視覚的な劣化をほぼ感じさせずに大幅な軽量化が可能だ。ただし ",[123,767,768],{},"透過（アルファチャンネル）は非対応"," で、保存を繰り返すたびに画質が劣化する点に注意が必要。",[193,771,773],{"id":772},"pngpng","PNG（.png）",[17,775,776,777,780,781,784],{},"PNG は ",[123,778,779],{},"可逆圧縮"," を採用しており、圧縮・解凍を繰り返しても元のピクセル情報が完全に保持される。ロゴ・アイコン・スクリーンショットなど、エッジが鋭くテキストを含む画像で威力を発揮する。",[123,782,783],{},"透過に対応"," しているため、背景を透明にしたロゴをWebサイトに配置する用途では事実上の標準。その分、写真のような複雑な色変化を含む画像ではファイルサイズが JPEG より大きくなりやすい。",[193,786,788],{"id":787},"webpwebp","WebP（.webp）",[17,790,791,792,795,796,801,802,807],{},"WebP は Google が開発した形式で、",[123,793,794],{},"可逆・非可逆の両モードと透過","をすべてサポートする。",[185,797,800],{"href":798,"rel":799},"https:\u002F\u002Fdevelopers.google.com\u002Fspeed\u002Fwebp",[189],"Google の公式データ"," によると、非可逆 WebP は同等画質の JPEG に比べて約 25〜34% 小さく、可逆 WebP は同等の PNG より約 26% 小さい。",[185,803,806],{"href":804,"rel":805},"https:\u002F\u002Fcaniuse.com\u002Fwebp",[189],"Can I use のデータ"," では 2024 年時点で主要ブラウザのサポート率は 97% を超えており、実用上の互換性問題はほぼ解消されている。",[43,809],{},[12,811,813],{"id":812},"どれを使うべきか用途別の判断基準","どれを使うべきか：用途別の判断基準",[17,815,816],{},"迷ったときは次の三つの問いで絞り込める。",[197,818,819,832,842],{},[27,820,821,824],{},[123,822,823],{},"写真か、テキスト・ロゴか？",[24,825,826,829],{},[27,827,828],{},"写真 → WebP（次点で JPEG）",[27,830,831],{},"テキスト・ロゴ・イラスト → WebP（次点で PNG）",[27,833,834,837],{},[123,835,836],{},"透過が必要か？",[24,838,839],{},[27,840,841],{},"必要 → WebP または PNG（JPEG は不可）",[27,843,844,847],{},[123,845,846],{},"古いシステムや特定の印刷環境など WebP 非対応の環境か？",[24,848,849],{},[27,850,851],{},"該当する → JPEG（写真）または PNG（ロゴ等）にフォールバック",[193,853,854],{"id":854},"比較表",[52,856,857,871],{},[55,858,859],{},[58,860,861,863,865,868],{},[61,862,387],{},[61,864,393],{},[61,866,867],{},"PNG",[61,869,870],{},"WebP",[77,872,873,887,898,912,925,938],{},[58,874,875,878,881,884],{},[82,876,877],{},"圧縮方式",[82,879,880],{},"非可逆",[82,882,883],{},"可逆",[82,885,886],{},"可逆・非可逆両対応",[58,888,889,892,894,896],{},[82,890,891],{},"透過（アルファ）",[82,893,428],{},[82,895,425],{},[82,897,425],{},[58,899,900,903,906,909],{},[82,901,902],{},"ファイルサイズ（写真）",[82,904,905],{},"中",[82,907,908],{},"大",[82,910,911],{},"小",[58,913,914,917,920,923],{},[82,915,916],{},"ファイルサイズ（ロゴ等）",[82,918,919],{},"中〜大",[82,921,922],{},"小〜中",[82,924,911],{},[58,926,927,930,933,935],{},[82,928,929],{},"ブラウザ対応",[82,931,932],{},"ほぼ全て",[82,934,932],{},[82,936,937],{},"97%超（2024年）",[58,939,940,943,946,949],{},[82,941,942],{},"主な用途",[82,944,945],{},"写真・バナー",[82,947,948],{},"ロゴ・スクショ",[82,950,951],{},"Web全般",[17,953,954,957],{},[123,955,956],{},"結論として、新規 Web 制作で特別な制約がなければ WebP を第一候補にする","のが現時点での合理的な選択だ。既存の JPEG・PNG 資産がある場合は、それらを WebP に変換することでページ速度の改善が見込める。",[43,959],{},[12,961,962],{"id":962},"実際に形式を変換する方法",[193,964,965],{"id":965},"オンラインツールを使う場合の注意点",[17,967,968],{},"Smallpdf や TinyPNG、Adobe Express といった有名なオンラインツールは手軽だが、ファイルをいったんサーバーにアップロードして処理する仕組みをとっている。社外秘のスライドキャプチャや顧客データを含む画像を変換する際は、利用規約とプライバシーポリシーの確認が必要になる。",[193,970,971],{"id":971},"ブラウザ内で処理する方法",[17,973,974,975,979],{},"サーバーにファイルを送りたくない場合、",[185,976,978],{"href":977},"\u002Ftools\u002Fimage-convert","画像形式変換ツール"," を使うとブラウザ内だけで変換が完結する。WebAssembly ベースで動作するため、ファイルは外部に送信されない。DevTools の Network タブを開いた状態で変換を実行しても、画像データの通信が発生しないことを自分で確認できる。",[17,981,982],{},"操作手順は次のとおりだ。",[197,984,985,989,992,995,998],{},[27,986,987,629],{},[185,988,978],{"href":977},[27,990,991],{},"変換したいファイルをドラッグ＆ドロップ、または「ファイルを選択」からアップロード",[27,993,994],{},"出力形式（JPEG \u002F PNG \u002F WebP）を選択する",[27,996,997],{},"必要に応じて品質を調整し、「変換」を実行",[27,999,1000],{},"変換後のファイルをダウンロードする",[17,1002,1003],{},"初回ロード後は Service Worker によってキャッシュされるため、オフライン環境でも動作する。",[17,1005,1006],{},[214,1007],{"alt":1008,"src":217},"スクショ: 画像形式変換ツールのファイル選択画面",[43,1010],{},[12,1012,1013],{"id":1013},"よくある誤解と落とし穴",[193,1015,1017],{"id":1016},"png-は常に高画質は正確ではない","「PNG は常に高画質」は正確ではない",[17,1019,1020],{},"PNG は可逆圧縮なので情報の欠落はないが、ファイルサイズが大きくなりやすく、ページ速度に悪影響を与えることがある。写真を PNG で保存しても画質は上がらず、サイズだけが増える。写真は WebP か JPEG を使う方が現実的だ。",[193,1022,1024],{"id":1023},"webp-は古いブラウザで使えないは今や過去の話","「WebP は古いブラウザで使えない」は今や過去の話",[17,1026,1027],{},"Internet Explorer の終了（2022 年 6 月）以降、主要なビジネス環境で WebP が表示できないケースは大幅に減った。社内システムが特定の旧ブラウザを強制している場合を除き、WebP の採用を躊躇う理由は薄い。",[193,1029,1031],{"id":1030},"jpeg-の再保存劣化は累積する","JPEG の再保存劣化は累積する",[17,1033,1034],{},"JPEG を編集・保存するたびに非可逆圧縮が適用され、画質が段階的に落ちる。マスターデータは PNG や WebP（可逆モード）で保管し、配布・公開用に JPEG や非可逆 WebP を都度書き出す運用が望ましい。",[43,1036],{},[12,1038,284],{"id":284},[24,1040,1041,1046,1052,1058],{},[27,1042,1043,1045],{},[123,1044,945],{}," → WebP（互換性が問題なければ）、次点で JPEG",[27,1047,1048,1051],{},[123,1049,1050],{},"ロゴ・アイコン・透過が必要な画像"," → WebP または PNG",[27,1053,1054,1057],{},[123,1055,1056],{},"新規 Web 制作全般"," → WebP を基本とし、フォールバックが必要な場合のみ JPEG\u002FPNG を使う",[27,1059,1060,1063,1064,1066],{},[123,1061,1062],{},"変換時にファイルをサーバーに送りたくない場合"," → ブラウザ完結型の ",[185,1065,978],{"href":977}," が選択肢になる",[17,1068,1069],{},"形式の選択一つで LCP（Largest Contentful Paint）や CLS（Cumulative Layout Shift）といった Core Web Vitals 指標に影響が出る。小さな意思決定の積み重ねがページ全体のパフォーマンスと SEO に効いてくる。",{"title":303,"searchDepth":304,"depth":304,"links":1071},[1072,1077,1080,1084,1089],{"id":753,"depth":304,"text":754,"children":1073},[1074,1075,1076],{"id":757,"depth":311,"text":758},{"id":772,"depth":311,"text":773},{"id":787,"depth":311,"text":788},{"id":812,"depth":304,"text":813,"children":1078},[1079],{"id":854,"depth":311,"text":854},{"id":962,"depth":304,"text":962,"children":1081},[1082,1083],{"id":965,"depth":311,"text":965},{"id":971,"depth":311,"text":971},{"id":1013,"depth":304,"text":1013,"children":1085},[1086,1087,1088],{"id":1016,"depth":311,"text":1017},{"id":1023,"depth":311,"text":1024},{"id":1030,"depth":311,"text":1031},{"id":284,"depth":304,"text":284},"JPEG・PNG・WebP の違いを画質・ファイルサイズ・透過・対応ブラウザの観点で比較。Web担当者やビジネスパーソンが迷わず形式を選べるよう実践的に解説します。",{},"\u002Fblog\u002Fjpeg-png-webp-difference","2026-05-19",{"title":743,"description":1090},"jpeg-png-webp-difference","blog\u002Fjpeg-png-webp-difference",[334,335,1098,1099],"Web制作","SEO","9dQaLCdyLgXuv_IQveNVOMwTHUIQLW9xfGj_d9pT4nI",{"id":1102,"title":1103,"author":7,"body":1104,"category":320,"coverImage":321,"description":1408,"draft":323,"extension":324,"locale":325,"meta":1409,"navigation":327,"noindex":323,"path":1410,"publishedAt":1411,"seo":1412,"slug":1413,"stem":1414,"tags":1415,"updatedAt":1411,"__hash__":1416},"blog\u002Fblog\u002Fheic-jpg-convert-guide.md","HEIC を JPG に変換する方法｜Windows・Mac 対応の完全ガイド",{"type":9,"value":1105,"toc":1392},[1106,1110,1113,1116,1119,1121,1125,1129,1132,1146,1149,1153,1156,1158,1162,1166,1169,1183,1186,1190,1193,1195,1198,1205,1208,1217,1220,1312,1314,1317,1320,1327,1330,1344,1347,1356,1358,1360,1363,1389],[12,1107,1109],{"id":1108},"heic-とは何かなぜ-jpg-に変換する必要があるのか","HEIC とは何か、なぜ JPG に変換する必要があるのか",[17,1111,1112],{},"HEIC（High Efficiency Image Container）は Apple が iOS 11 以降のデフォルト形式として採用した画像フォーマットです。同じ画質で JPEG の約半分のファイルサイズを実現できるため、iPhone や iPad のストレージ節約に効果的です。",[17,1114,1115],{},"しかし HEIC には大きな互換性の問題があります。Windows 標準の「フォト」アプリでは追加コーデックなしに開けず、多くの Web サービスやビジネス向けツールも HEIC 入稿に対応していません。社内資料への貼り付け、EC サイトへの商品画像アップロード、クライアントへのデータ納品など、「iPhoneで撮影したら開けなかった」というトラブルは日常的に発生します。",[17,1117,1118],{},"JPG（JPEG）はほぼすべての OS・ブラウザ・アプリで表示できる事実上の標準フォーマットです。ファイル共有やアップロードで困らないために、用途に応じて HEIC から JPG への変換が必要になります。",[43,1120],{},[12,1122,1124],{"id":1123},"windows-で-heic-を-jpg-に変換する方法","Windows で HEIC を JPG に変換する方法",[193,1126,1128],{"id":1127},"microsoft-store-のコーデックを使う無料","Microsoft Store のコーデックを使う（無料）",[17,1130,1131],{},"Windows 10 \u002F 11 では、Microsoft Store から「HEIF 画像拡張機能」をインストールすることで、フォトアプリで HEIC を開いて JPG として書き出せます。",[197,1133,1134,1137,1140,1143],{},[27,1135,1136],{},"Microsoft Store を開き「HEIF 画像拡張機能」を検索してインストール",[27,1138,1139],{},"HEIC ファイルをフォトアプリで開く",[27,1141,1142],{},"右上の「…」メニューから「名前を付けて保存」を選択",[27,1144,1145],{},"ファイルの種類を「JPEG」に変更して保存",[17,1147,1148],{},"枚数が少ない場合に有効ですが、複数ファイルの一括変換には向きません。また、コーデックのインストールが必要なため、共用 PC や会社端末では適用できないケースもあります。",[193,1150,1152],{"id":1151},"windows-のペイントを使う","Windows のペイントを使う",[17,1154,1155],{},"コーデックをインストール済みであれば、ペイントで HEIC を開いて「名前を付けて保存」から JPEG を選択できます。手順はシンプルですが、1枚ずつの作業になります。",[43,1157],{},[12,1159,1161],{"id":1160},"mac-で-heic-を-jpg-に変換する方法","Mac で HEIC を JPG に変換する方法",[193,1163,1165],{"id":1164},"プレビューアプリを使う標準機能","プレビューアプリを使う（標準機能）",[17,1167,1168],{},"Mac には標準で HEIC 対応の「プレビュー」アプリが付属しており、変換は数ステップで完了します。",[197,1170,1171,1174,1177,1180],{},[27,1172,1173],{},"HEIC ファイルをプレビューで開く",[27,1175,1176],{},"メニューバーから「ファイル」→「書き出す」を選択",[27,1178,1179],{},"フォーマットを「JPEG」に変更し、画質スライダーで品質を調整",[27,1181,1182],{},"「保存」をクリック",[17,1184,1185],{},"複数ファイルをまとめて変換したい場合は、Finder で HEIC ファイルを複数選択した状態でプレビューを開き、「ファイル」→「書き出す」を実行すると一括処理できます。",[193,1187,1189],{"id":1188},"automator-または-ショートカットアプリを使う","automator または ショートカットアプリを使う",[17,1191,1192],{},"macOS Monterey 以降では「ショートカット」アプリに「画像を変換」アクションがあり、HEIC → JPEG の自動化フローを構築できます。定期的に大量の変換が必要な場合に便利です。",[43,1194],{},[12,1196,1197],{"id":1197},"オンラインツールで変換する場合の注意点",[17,1199,1200,1201,1204],{},"「HEIC JPG 変換」で検索すると、Smallpdf・iLovePDF・Convertio など多数のオンライン変換サービスが見つかります。ブラウザから利用できる手軽さがある一方で、",[123,1202,1203],{},"ファイルがサービスのサーバーにアップロードされる","という点には注意が必要です。",[17,1206,1207],{},"個人の記念写真、企業の商品画像、契約書類の添付ファイルなど、内容によってはアップロード自体がセキュリティリスクになり得ます。各サービスのプライバシーポリシーで「アップロードされたファイルの保持期間」「サードパーティとの共有可否」を確認する習慣をつけることを推奨します。",[17,1209,1210,1211,1216],{},"参考: ",[185,1212,1215],{"href":1213,"rel":1214},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FAPI\u002FFile_API",[189],"MDN Web Docs — File API"," では、ブラウザがローカルファイルを読み取る仕組みが解説されており、サーバー送信なしに処理できる技術的な背景を理解できます。",[193,1218,1219],{"id":1219},"ツール別の比較",[52,1221,1222,1241],{},[55,1223,1224],{},[58,1225,1226,1229,1232,1235,1238],{},[61,1227,1228],{},"ツール",[61,1230,1231],{},"処理場所",[61,1233,1234],{},"送信先サーバー",[61,1236,1237],{},"無料枠",[61,1239,1240],{},"一括変換",[77,1242,1243,1259,1273,1287],{},[58,1244,1245,1248,1251,1254,1257],{},[82,1246,1247],{},"Smallpdf",[82,1249,1250],{},"クラウド",[82,1252,1253],{},"あり（EU サーバー）",[82,1255,1256],{},"1日2ファイルまで",[82,1258,104],{},[58,1260,1261,1264,1266,1268,1271],{},[82,1262,1263],{},"iLovePDF",[82,1265,1250],{},[82,1267,125],{},[82,1269,1270],{},"制限あり",[82,1272,104],{},[58,1274,1275,1278,1280,1282,1285],{},[82,1276,1277],{},"Convertio",[82,1279,1250],{},[82,1281,125],{},[82,1283,1284],{},"100MB\u002F月",[82,1286,104],{},[58,1288,1289,1294,1299,1303,1308],{},[82,1290,1291],{},[123,1292,1293],{},"zerosend HEIC → JPG",[82,1295,1296],{},[123,1297,1298],{},"ブラウザ内",[82,1300,1301],{},[123,1302,90],{},[82,1304,1305],{},[123,1306,1307],{},"無制限",[82,1309,1310],{},[123,1311,104],{},[43,1313],{},[12,1315,1316],{"id":1316},"サーバーに送信しないブラウザ内変換という選択肢",[17,1318,1319],{},"プライバシーを優先したい場合や、社外秘のファイルを扱う場合は、ブラウザ内だけで処理が完結するツールを選ぶのが合理的です。",[17,1321,1322,1326],{},[185,1323,621],{"href":1324,"rel":1325},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fheic-to-jpg",[189]," は、WebAssembly（WASM）を使ってブラウザ内で変換処理を実行します。ファイルは外部サーバーに一切送信されないため、DevTools の Network タブでも通信が発生しないことを確認できます。登録不要・完全無料で、複数ファイルの一括変換にも対応しています。",[17,1328,1329],{},"操作手順はシンプルです。",[197,1331,1332,1335,1338,1341],{},[27,1333,1334],{},"ページを開き、HEIC ファイルをドラッグ＆ドロップ（または「ファイルを選択」）",[27,1336,1337],{},"変換後の品質（JPEG クオリティ）を必要に応じて調整",[27,1339,1340],{},"「変換する」ボタンをクリック",[27,1342,1343],{},"変換完了後に JPG ファイルをダウンロード",[17,1345,1346],{},"初回ロード後は Service Worker によってキャッシュされるため、オフライン環境でも動作します。Windows・Mac の両方で同じ手順で使えます。",[17,1348,1349,1350,1355],{},"WebAssembly の仕組みについては ",[185,1351,1354],{"href":1352,"rel":1353},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fwasm-core-2\u002F",[189],"W3C の WebAssembly 仕様"," も参照してください。",[43,1357],{},[12,1359,284],{"id":284},[17,1361,1362],{},"HEIC を JPG に変換する主な方法を整理します。",[24,1364,1365,1371,1377,1383],{},[27,1366,1367,1370],{},[123,1368,1369],{},"Windows",": Microsoft Store のコーデックをインストール後、フォトアプリで保存",[27,1372,1373,1376],{},[123,1374,1375],{},"Mac",": 標準のプレビューアプリから「書き出す」で JPEG を選択",[27,1378,1379,1382],{},[123,1380,1381],{},"オンラインツール",": 手軽だがサーバーへのファイル送信が伴う点を把握して使う",[27,1384,1385,1388],{},[123,1386,1387],{},"ブラウザ内処理ツール",": プライバシーを優先したい場合の選択肢",[17,1390,1391],{},"使用頻度や扱うファイルの性質に応じて、最適な方法を選んでください。OS 標準機能は追加コストがなく安全ですが、複数ファイルの一括変換やデバイスを選ばない手軽さを求める場合は、ブラウザ内処理のツールが実用的な選択肢になります。",{"title":303,"searchDepth":304,"depth":304,"links":1393},[1394,1395,1399,1403,1406,1407],{"id":1108,"depth":304,"text":1109},{"id":1123,"depth":304,"text":1124,"children":1396},[1397,1398],{"id":1127,"depth":311,"text":1128},{"id":1151,"depth":311,"text":1152},{"id":1160,"depth":304,"text":1161,"children":1400},[1401,1402],{"id":1164,"depth":311,"text":1165},{"id":1188,"depth":311,"text":1189},{"id":1197,"depth":304,"text":1197,"children":1404},[1405],{"id":1219,"depth":311,"text":1219},{"id":1316,"depth":304,"text":1316},{"id":284,"depth":304,"text":284},"iPhoneで撮影したHEICファイルをWindows・MacでJPGに変換する方法を解説。オンラインツールやOS標準機能の使い方、プライバシーリスクの注意点まで網羅。",{},"\u002Fblog\u002Fheic-jpg-convert-guide","2026-05-16",{"title":1103,"description":1408},"heic-jpg-convert-guide","blog\u002Fheic-jpg-convert-guide",[334,335,337,1228],"lJeDrFjTyrGaJh70lXiyKtpe1M-10bYlApy1i6G3k5c",{"id":1418,"title":1419,"author":7,"body":1420,"category":320,"coverImage":321,"description":1601,"draft":323,"extension":324,"locale":325,"meta":1602,"navigation":327,"noindex":323,"path":1603,"publishedAt":1604,"seo":1605,"slug":1606,"stem":1607,"tags":1608,"updatedAt":1604,"__hash__":1610},"blog\u002Fblog\u002Fogp-image-size-optimization.md","OGP画像のサイズ最適化ガイド｜SNSでキレイに表示される設定と作り方",{"type":9,"value":1421,"toc":1595},[1422,1426,1429,1436,1443,1445,1449,1452,1457,1471,1476,1487,1492,1500,1505,1510,1517,1520,1522,1526,1529,1534,1537,1542,1545,1550,1559,1564,1567,1569,1573,1580,1583,1586,1593],[12,1423,1425],{"id":1424},"ogp画像が崩れる切れる原因はサイズ指定にある","OGP画像が「崩れる」「切れる」原因はサイズ指定にある",[17,1427,1428],{},"SNSでURLをシェアしたとき、サムネイル画像が途中で切れていたり、極端に小さく表示されたりした経験はないでしょうか。あるいは、自分のサイトをX（旧Twitter）やFacebookに投稿したら、想定と全く違う画像が表示された、というケースもよく聞かれます。",[17,1430,1431,1432,1435],{},"こうした問題の多くは、OGP（Open Graph Protocol）画像のサイズが各プラットフォームの仕様と合っていないことが原因です。OGPはHTMLのmetaタグで設定するもので、",[228,1433,1434],{},"og:image","に指定した画像がSNSカードのサムネイルとして使われます。しかし、画像サイズや縦横比が規定から外れていると、プラットフォーム側でトリミングされたり、表示をスキップされたりします。",[17,1437,1438,1439,1442],{},"さらに見落とされがちなのが、",[123,1440,1441],{},"ファイルサイズ（容量）の上限","です。画像の縦横ピクセル数が正しくても、ファイルが重すぎるとSNSのクローラーが取得に失敗し、画像なしのカードとして表示されることがあります。OGP画像の最適化は「ピクセル寸法」と「ファイル容量」の両方を意識する必要があります。",[43,1444],{},[12,1446,1448],{"id":1447},"各snsプラットフォームの推奨サイズ一覧","各SNS・プラットフォームの推奨サイズ一覧",[17,1450,1451],{},"OGP画像の最適なサイズはプラットフォームによって異なります。主要サービスの推奨値をまとめました。",[17,1453,1454],{},[123,1455,1456],{},"X（旧Twitter）",[24,1458,1459,1462,1465,1468],{},[27,1460,1461],{},"Summaryカード（小さいサムネイル）：144×144px以上、縦横比1:1",[27,1463,1464],{},"Summary Card with Large Image（横長サムネイル）：300×157px以上、縦横比2:1",[27,1466,1467],{},"推奨サイズ：1200×628px",[27,1469,1470],{},"ファイルサイズ上限：5MB（JPG\u002FPNG\u002FWebP）",[17,1472,1473],{},[123,1474,1475],{},"Facebook \u002F Meta",[24,1477,1478,1481,1484],{},[27,1479,1480],{},"最小サイズ：200×200px",[27,1482,1483],{},"推奨サイズ：1200×630px（縦横比1.91:1）",[27,1485,1486],{},"推奨ファイルサイズ：1MB以下",[17,1488,1489],{},[123,1490,1491],{},"LinkedIn",[24,1493,1494,1497],{},[27,1495,1496],{},"推奨サイズ：1200×627px",[27,1498,1499],{},"ファイルサイズ上限：5MB",[17,1501,1502],{},[123,1503,1504],{},"Slack \u002F チャットツール",[24,1506,1507],{},[27,1508,1509],{},"og:imageを取得してプレビュー表示。1200×630px前後が無難",[17,1511,1512,1513,1516],{},"これらを横断的に見ると、",[123,1514,1515],{},"1200×630px（または1200×628px）"," という解像度がほぼすべてのサービスに対応できる事実上の標準サイズです。縦横比は約1.91:1を維持しつつ、JPEG品質を80〜85程度に抑えてファイルサイズを300KB以内に収めると、どの環境でも安定して表示されます。",[17,1518,1519],{},"ただし、既存の画像を流用する場合や、デザイン素材が別のアスペクト比で作られている場合は、リサイズ作業が必要になります。",[43,1521],{},[12,1523,1525],{"id":1524},"実践ogp画像を正しいサイズにリサイズする手順","実践：OGP画像を正しいサイズにリサイズする手順",[17,1527,1528],{},"OGP画像のリサイズ自体は難しい作業ではありませんが、いくつか気をつけたいポイントがあります。",[17,1530,1531],{},[123,1532,1533],{},"① 元画像の縦横比を確認する",[17,1535,1536],{},"元画像が正方形（1:1）や縦長の場合、単純にリサイズすると1200×630pxに収まらず、余白が生じたり主要な被写体が切り取られたりします。リサイズ前に、画像をどこを中心にトリミングするかを先に決めておくと作業がスムーズです。",[17,1538,1539],{},[123,1540,1541],{},"② 出力形式はJPEGかWebPを選ぶ",[17,1543,1544],{},"OGP画像には透過（アルファチャンネル）が不要なケースがほとんどです。PNGは品質が高い反面ファイルが重くなりやすいため、JPEGかWebPで書き出すのが現実的です。SNSのクローラーはWebPにも対応していますが、古いクローラーを考慮してJPEGを第一候補にするのが無難です。",[17,1546,1547],{},[123,1548,1549],{},"③ ツールを選ぶ：Photoshopがなくても問題ない",[17,1551,1552,1553,1558],{},"プロ向けの画像編集ソフトがなくても、ブラウザだけで完結するツールが充実しています。その一つとして ",[185,1554,1557],{"href":1555,"rel":1556},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-resize",[189],"画像リサイズツール"," があります。このツールの特徴は、アップロードした画像がサーバーに送信されない点です。画像データはブラウザ内だけで処理されるため、社内資料や未公開のバナー画像を扱う場合でも、情報漏洩リスクを気にせず使えます。縦横のピクセル数を数値で直接指定できるので、1200×630pxに合わせる作業が直感的に行えます。",[17,1560,1561],{},[123,1562,1563],{},"④ リサイズ後にOGPキャッシュをクリアする",[17,1565,1566],{},"画像を差し替えても、SNS側のキャッシュが残っていると古い画像が表示され続けます。Xであれば「Card Validator」、Facebookであれば「Sharing Debugger」を使ってキャッシュを強制更新してください。ツールにURLを入力して「スクレイプ」または「デバッグ」を実行するだけで、新しい画像が反映されます。",[43,1568],{},[12,1570,1572],{"id":1571},"ogp画像の最適化がseoにも影響する理由","OGP画像の最適化がSEOにも影響する理由",[17,1574,1575,1576,1579],{},"OGPはSNS表示のための仕様であり、Googleの検索順位に直接影響するわけではありません。しかし、",[123,1577,1578],{},"間接的にSEOへのプラス効果","が期待できます。",[17,1581,1582],{},"SNSでシェアされたときに魅力的なサムネイルが表示されれば、クリック率が上がり、リンクが拡散されやすくなります。これがサイトへの流入増加につながり、滞在時間や被リンク獲得に好影響を与えます。また、画像ファイルのサイズを適切に絞ることはページの読み込み速度改善に直結し、Googleが重視するCore Web Vitalsの指標（特にLCPやFID）にも貢献します。",[17,1584,1585],{},"OGP画像を「SNS用の飾り」として後回しにしがちですが、サイトのパフォーマンスとブランド品質を底上げする実務的な施策として捉えると、優先度が変わってくるはずです。",[17,1587,1588,1589,1592],{},"まず手元にあるキービジュアルやアイキャッチ画像を1200×630px・300KB以内に整えるところから始めてみてください。専用ソフトが不要な環境であれば、前述した ",[185,1590,1557],{"href":1555,"rel":1591},[189]," のようなブラウザベースのツールを活用すると、余計な手間をかけずに作業を完結できます。",[43,1594],{},{"title":303,"searchDepth":304,"depth":304,"links":1596},[1597,1598,1599,1600],{"id":1424,"depth":304,"text":1425},{"id":1447,"depth":304,"text":1448},{"id":1524,"depth":304,"text":1525},{"id":1571,"depth":304,"text":1572},"OGP画像の推奨サイズや各SNSの仕様を解説。Twitterやog:imageが正しく表示されない原因と、ブラウザだけで完結する無料ツールを使った具体的な対処法を紹介します。",{},"\u002Fblog\u002Fogp-image-size-optimization","2026-05-12",{"title":1419,"description":1601},"ogp-image-size-optimization","blog\u002Fogp-image-size-optimization",[334,1609,1098,1099],"リサイズ","mIit_bdGiULblUiC2FeigxS7qW8uxuS9f-pKvrNhJKM",{"id":1612,"title":1613,"author":7,"body":1614,"category":320,"coverImage":321,"description":2148,"draft":323,"extension":324,"locale":325,"meta":2149,"navigation":327,"noindex":323,"path":2150,"publishedAt":2151,"seo":2152,"slug":2153,"stem":2154,"tags":2155,"updatedAt":2158,"__hash__":2159},"blog\u002Fblog\u002Fcore-web-vitals-image-compress.md","Core Web Vitals を画像圧縮で改善する完全ガイド【LCP対策】",{"type":9,"value":1615,"toc":2119},[1616,1620,1623,1643,1652,1655,1659,1670,1674,1677,1688,1690,1693,1696,1757,1760,1762,1766,1769,1773,1780,1784,1787,1791,1800,1804,1823,1825,1829,1841,1845,1851,1855,1858,1862,1865,1869,1872,1876,1879,1881,1884,1887,1999,2002,2005,2007,2010,2014,2020,2026,2029,2032,2035,2038,2042,2045,2047,2051,2056,2059,2064,2067,2072,2081,2086,2089,2094,2101,2103,2105,2108,2116],[12,1617,1619],{"id":1618},"なぜ画像が-core-web-vitals-を下げるのか","なぜ画像が Core Web Vitals を下げるのか",[17,1621,1622],{},"Google が検索ランキングの評価基準に組み込んでいる「Core Web Vitals」は、現在3つの指標で構成されている。",[24,1624,1625,1631,1637],{},[27,1626,1627,1630],{},[123,1628,1629],{},"LCP（Largest Contentful Paint）","：ページ内で最も大きなコンテンツが描画されるまでの時間",[27,1632,1633,1636],{},[123,1634,1635],{},"INP（Interaction to Next Paint）","：ユーザー操作から次の描画までの応答速度",[27,1638,1639,1642],{},[123,1640,1641],{},"CLS（Cumulative Layout Shift）","：読み込み中に発生するレイアウトのずれ",[17,1644,1645,1646,1651],{},"このうち画像が直撃するのは LCP だ。ファーストビューに置かれたヒーロー画像や記事アイキャッチが LCP 対象要素になるケースは非常に多く、ファイルが重いほど「良好」の合格ライン（2.5秒以内）を超えやすい。Google の ",[185,1647,1650],{"href":1648,"rel":1649},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fvitals",[189],"Core Web Vitals 技術文書"," では、LCP 悪化の主因として「リソースのロード時間」が明示されており、その代表格が最適化されていない画像ファイルだ。",[17,1653,1654],{},"デジタルカメラやスマートフォンが出力する JPEG は、無処理のまま 3〜8 MB に達することが珍しくない。そのファイルをそのまま CMS にアップロードし続けた結果、PageSpeed Insights の LCP が「改善が必要（2.5秒超）」になっているサイトは今でも大量に存在する。",[193,1656,1658],{"id":1657},"cls-への影響も見落とさない","CLS への影響も見落とさない",[17,1660,1661,1662,1665,1666,1669],{},"CLS への影響も軽視できない。画像タグに ",[228,1663,1664],{},"width","・",[228,1667,1668],{},"height"," 属性が設定されていない場合、ブラウザは読み込み完了まで表示領域を確保できず、後からレイアウトがずれる。圧縮によって読み込みを速くしつつ、属性指定でスペースを事前に予約する組み合わせが CLS スコアの維持にも寄与する。",[193,1671,1673],{"id":1672},"pagespeed-insights-が出す画像関連の警告を読む","PageSpeed Insights が出す画像関連の警告を読む",[17,1675,1676],{},"PageSpeed Insights で計測した際に以下のいずれかが「改善が必要」として表示されているなら、画像圧縮は費用対効果が最も高い改善アクションになる。",[24,1678,1679,1682,1685],{},[27,1680,1681],{},"「適切なサイズの画像」",[27,1683,1684],{},"「効率的な画像エンコード」",[27,1686,1687],{},"「次世代フォーマットでの画像の配信」",[43,1689],{},[12,1691,1692],{"id":1692},"圧縮前後のスコア変化の目安",[17,1694,1695],{},"ファイルサイズ別の改善期待値を下表に示す。値はページ構成や通信速度によって変動するが、3 MB 超の画像を抱えているページはほぼ例外なく効果を体感できる。",[52,1697,1698,1711],{},[55,1699,1700],{},[58,1701,1702,1705,1708],{},[61,1703,1704],{},"元のファイルサイズ",[61,1706,1707],{},"圧縮後の目安",[61,1709,1710],{},"LCP 改善の期待値",[77,1712,1713,1724,1735,1746],{},[58,1714,1715,1718,1721],{},[82,1716,1717],{},"5 MB 以上",[82,1719,1720],{},"300〜500 KB",[82,1722,1723],{},"大きく改善（数秒単位）",[58,1725,1726,1729,1732],{},[82,1727,1728],{},"1〜3 MB",[82,1730,1731],{},"150〜300 KB",[82,1733,1734],{},"明確に改善（1秒前後）",[58,1736,1737,1740,1743],{},[82,1738,1739],{},"500 KB〜1 MB",[82,1741,1742],{},"80〜150 KB",[82,1744,1745],{},"中程度改善（0.5秒前後）",[58,1747,1748,1751,1754],{},[82,1749,1750],{},"500 KB 未満",[82,1752,1753],{},"50〜80 KB",[82,1755,1756],{},"軽微〜誤差の範囲",[17,1758,1759],{},"圧縮後は必ず PageSpeed Insights または Chrome DevTools の Lighthouse で再計測し、改善幅を数値で把握する。「やった気になる」だけで終わらせないためにも、計測は必須のステップだ。",[43,1761],{},[12,1763,1765],{"id":1764},"画像圧縮の一般的な手順ツール非依存","画像圧縮の一般的な手順（ツール非依存）",[17,1767,1768],{},"ツールを問わず共通する圧縮の流れを4ステップで整理する。",[193,1770,1772],{"id":1771},"ステップ-1lcp-対象要素を特定する","ステップ 1：LCP 対象要素を特定する",[17,1774,1775,1776,1779],{},"Chrome DevTools を開き、Lighthouse タブで「パフォーマンス」を計測する。レポートの「LCP」セクションをクリックすると、対象要素がハイライト表示される。まずその要素の URL とファイルサイズを確認することが出発点だ。対象要素が思ったものと異なるケースは多い。CMS が自動生成したサムネイルや、CSS の ",[228,1777,1778],{},"background-image"," で指定した画像が LCP になっていることもある。",[193,1781,1783],{"id":1782},"ステップ-2リサイズと圧縮をセットで行う","ステップ 2：リサイズと圧縮をセットで行う",[17,1785,1786],{},"「圧縮」と「リサイズ（解像度の変更）」は別の操作だが、セットで考えると効果が大きい。横幅 800 px で表示している領域に対して 3,000 px 幅の画像を使っていれば、まず 800 px 程度にリサイズしてから JPEG 品質を 70〜80 % に落とすだけで、ファイルサイズが元の 10 分の 1 以下になることがある。品質を下げる前にまずリサイズを行うのが、視覚品質を保ちながらサイズを削るコツだ。",[193,1788,1790],{"id":1789},"ステップ-3フォーマットを検討する","ステップ 3：フォーマットを検討する",[17,1792,1793,1794,1799],{},"WebP は JPEG と比較して同等の視覚品質で 20〜30 % 程度ファイルサイズを削減できる。",[185,1795,1798],{"href":1796,"rel":1797},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FMedia\u002FFormats\u002FImage_types#webp",[189],"MDN の WebP 解説"," によれば、現在の主要ブラウザは広く WebP をサポートしており、モダンな環境では JPEG を WebP に置き換えるだけでも LCP に貢献する。ただし古い CMS 環境やメールマガジンへの埋め込みなど、WebP 未対応の環境が対象に含まれる場合は慎重に判断する。",[193,1801,1803],{"id":1802},"ステップ-4html-の属性を整備する","ステップ 4：HTML の属性を整備する",[17,1805,1806,1807,1665,1809,1811,1812,1815,1816,1819,1820,1822],{},"圧縮後、画像タグに ",[228,1808,1664],{},[228,1810,1668],{}," 属性を設定して CLS を防ぐ。ファーストビューの画像には ",[228,1813,1814],{},"loading=\"eager\"","（または属性なし）、スクロール先の画像には ",[228,1817,1818],{},"loading=\"lazy\""," を使い分けると、必要なリソースが優先的に読み込まれる。ファーストビュー画像への ",[228,1821,1818],{}," は LCP を悪化させる典型的な誤りなので注意が必要だ。",[43,1824],{},[12,1826,1828],{"id":1827},"zerosend-を使ったブラウザ内圧縮の手順","zerosend を使ったブラウザ内圧縮の手順",[17,1830,1831,1836,1837,1840],{},[185,1832,1835],{"href":1833,"rel":1834},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-compress",[189],"zerosend の画像圧縮ツール"," は、圧縮処理をサーバーではなくブラウザ内で完結させる設計になっている。使用しているライブラリは ",[123,1838,1839],{},"browser-image-compression（Web Worker）"," で、メインスレッドをブロックせずにバックグラウンドで処理を走らせる。ファイルの内容は一切外部サーバーに送信されない。",[193,1842,1844],{"id":1843},"ステップ-1ツールにアクセスする","ステップ 1：ツールにアクセスする",[17,1846,1847,1850],{},[185,1848,1833],{"href":1833,"rel":1849},[189]," をブラウザで開く。インストール不要、アカウント登録不要。Service Worker によるキャッシュが有効なため、初回ロード後はオフライン環境でも動作する。社内ネットワークでインターネットアクセスが制限されている環境でも、一度ロードさえしておけば継続して使用できる。",[193,1852,1854],{"id":1853},"ステップ-2ファイルを選択する","ステップ 2：ファイルを選択する",[17,1856,1857],{},"ドラッグ＆ドロップ、またはファイル選択ダイアログで画像を読み込む。JPEG・PNG・WebP に対応している。複数ファイルをまとめて読み込むバッチ処理にも対応しており、複数枚を一度に圧縮できる。",[193,1859,1861],{"id":1860},"ステップ-3品質スライダーを調整する","ステップ 3：品質スライダーを調整する",[17,1863,1864],{},"品質 70〜80 % が Web サイト用途のデフォルト推奨値だ。ファーストビューの主要ビジュアルであれば 80 %、背景画像や繰り返し使うアイコン類なら 65〜70 % でも視覚的な劣化はほぼ感じられない。スライダーを動かすたびにプレビューが更新されるため、圧縮前後の見た目を比較しながら数値を決められる。",[193,1866,1868],{"id":1867},"ステップ-4network-タブでアップロード通信がゼロであることを確認する","ステップ 4：Network タブでアップロード通信がゼロであることを確認する",[17,1870,1871],{},"セキュリティポリシーが厳しい環境での利用前や、「本当にサーバーに送っていないか」を確認したい場合は、自分で検証できる。Chrome DevTools を開いて Network タブを選択し、ツールを操作しながらリクエストを監視する。画像ファイルに関するアップロード通信が一切発生しないことをリアルタイムで確認できる。クラウド型のサービスではこの確認を行うとアップロードリクエストが記録されるが、zerosend では何も記録されない。",[193,1873,1875],{"id":1874},"ステップ-5ダウンロードして-cms-に反映する","ステップ 5：ダウンロードして CMS に反映する",[17,1877,1878],{},"圧縮後のファイルをダウンロードし、そのまま CMS やサーバーにアップロードする。元ファイルとのサイズ比較が画面上で確認でき、何 % 削減されたかが数値で表示される。",[43,1880],{},[12,1882,1883],{"id":1883},"主要ツールとの比較",[17,1885,1886],{},"圧縮ツールを選ぶ際に重視される観点を整理した。特に「送信先サーバー」列は、機密性の高い画像を扱う場合に見落としがちな観点だ。",[52,1888,1889,1908],{},[55,1890,1891],{},[58,1892,1893,1895,1897,1900,1903,1905],{},[61,1894,1228],{},[61,1896,1234],{},[61,1898,1899],{},"無料枠の制限",[61,1901,1902],{},"オフライン動作",[61,1904,1231],{},[61,1906,1907],{},"バッチ処理",[77,1909,1910,1930,1948,1964,1982],{},[58,1911,1912,1915,1918,1921,1924,1927],{},[82,1913,1914],{},"zerosend",[82,1916,1917],{},"なし（ブラウザ内完結）",[82,1919,1920],{},"制限なし",[82,1922,1923],{},"可（SW キャッシュ）",[82,1925,1926],{},"Web Worker",[82,1928,1929],{},"可",[58,1931,1932,1934,1937,1940,1943,1945],{},[82,1933,1247],{},[82,1935,1936],{},"あり（Smallpdf のサーバー）",[82,1938,1939],{},"1日 2 ファイルまで",[82,1941,1942],{},"不可",[82,1944,1250],{},[82,1946,1947],{},"有料プランのみ",[58,1949,1950,1952,1955,1958,1960,1962],{},[82,1951,1263],{},[82,1953,1954],{},"あり（iLovePDF のサーバー）",[82,1956,1957],{},"1日上限あり",[82,1959,1942],{},[82,1961,1250],{},[82,1963,1947],{},[58,1965,1966,1969,1972,1975,1977,1979],{},[82,1967,1968],{},"TinyPNG \u002F TinyJPG",[82,1970,1971],{},"あり（Tinify のサーバー）",[82,1973,1974],{},"月 500 ファイルまで",[82,1976,1942],{},[82,1978,1250],{},[82,1980,1981],{},"可（API 利用時）",[58,1983,1984,1987,1989,1991,1993,1996],{},[82,1985,1986],{},"Squoosh（Google）",[82,1988,1917],{},[82,1990,1920],{},[82,1992,1929],{},[82,1994,1995],{},"WASM",[82,1997,1998],{},"不可（1 ファイルずつ）",[17,2000,2001],{},"Smallpdf・iLovePDF・TinyPNG はいずれもクラウドサーバーでの処理が前提であり、アップロードしたファイルは一時的にでも外部サーバーに送信される。個人写真・社内資料・顧客から提供された素材を扱う場合、そのリスクは無視できない。",[17,2003,2004],{},"Squoosh はブラウザ内処理でプライバシー面に優れているが、1 ファイルずつしか処理できないため、複数枚を日常的に扱うワークフローには向いていない。zerosend は複数ファイルの一括処理に対応している点で、実務的な運用に組み込みやすい。",[43,2006],{},[12,2008,2009],{"id":2009},"よくある落とし穴と対処法",[193,2011,2013],{"id":2012},"圧縮したのに-lcp-が改善しない","圧縮したのに LCP が改善しない",[17,2015,2016,2017,2019],{},"最も多い原因は「圧縮した画像とは別のファイルが実際には LCP に使われている」ケースだ。CMS のプラグインが自動生成したサムネイル画像が LCP 対象になっていたり、CSS の ",[228,2018,1778],{}," で設定した画像が LCP 要素になっていたりする。Lighthouse のレポートで対象要素の URL を確認し、実際に差し替えたファイルと一致しているかを必ず検証する。",[17,2021,2022,2023,2025],{},"もう一つの原因として、ファーストビュー画像に ",[228,2024,1818],{}," が設定されている場合がある。lazy-load は LCP 対象要素には逆効果になるため、ファーストビューの画像には設定しない。",[193,2027,2028],{"id":2028},"圧縮しすぎてブランドイメージを損ねた",[17,2030,2031],{},"品質を 50 % 以下まで落とすと、JPEG 特有のブロックノイズが目立ち始める。特に人物写真やグラデーションを含む画像では視覚的な劣化が顕著になる。品質は 70〜80 % を下限の目安とし、どうしてもファイルサイズを削りたい場合はリサイズを先に行う方が品質を維持しやすい。",[193,2033,2034],{"id":2034},"一度だけ対応して終わりにした",[17,2036,2037],{},"新しいページを追加するたびに未最適化の画像が混入すると、サイト全体のスコアは再び悪化する。制作フローに「アップロード前に圧縮ツールを通す」というステップを明示的に組み込むか、CMS の自動最適化機能（WordPress であれば ShortPixel や Imagify 等のプラグイン）を併用することで、属人的な対応をなくすことができる。",[193,2039,2041],{"id":2040},"_100-kb-以下でも警告が出る","100 KB 以下でも警告が出る",[17,2043,2044],{},"ファイルサイズではなく「表示サイズに対して解像度が過剰」と判定されている場合に出る。例えば 100 KB の PNG でも、横幅 2,000 px で書き出されたものを 400 px の領域で表示していれば警告対象になる。リサイズで解像度を表示サイズに合わせることで解消する。",[43,2046],{},[12,2048,2050],{"id":2049},"faq","FAQ",[17,2052,2053],{},[123,2054,2055],{},"Q1. 圧縮すると SEO 的に不利になることはあるか？",[17,2057,2058],{},"ない。Google は表示速度を評価するが、同一 URL で提供される限りファイルサイズの変化それ自体がコンテンツの品質評価に影響することはない。むしろ圧縮によって LCP が改善すれば Core Web Vitals のスコアが向上し、検索順位にプラスに働く可能性がある。",[17,2060,2061],{},[123,2062,2063],{},"Q2. WebP への変換は必須か？",[17,2065,2066],{},"必須ではないが効果は高い。既存の JPEG を WebP に変換するだけで 20〜30 % のファイル削減が見込めるため、LCP がギリギリ合格ラインにあるページでは変換を検討する価値がある。ただし古い CMS 環境やメールマガジンへの埋め込みなど、WebP 未対応の環境が対象に含まれる場合は注意が必要だ。",[17,2068,2069],{},[123,2070,2071],{},"Q3. zerosend で PNG を WebP に変換することはできるか？",[17,2073,2074,2075,2080],{},"zerosend の",[185,2076,2079],{"href":2077,"rel":2078},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-convert",[189],"画像変換ツール","では、PNG・JPEG を WebP に変換する機能を提供している。圧縮と変換を組み合わせることで、さらに大きなファイルサイズ削減が期待できる。変換処理もブラウザ内で完結するため、ファイルは外部に送信されない。",[17,2082,2083],{},[123,2084,2085],{},"Q4. スマートフォン撮影の写真を直接圧縮してもよいか？",[17,2087,2088],{},"問題ない。ただしスマートフォン写真は EXIF データ（GPS 情報・撮影日時等）を含むことが多い。zerosend のブラウザ内処理ではファイルが外部に送信されないため、EXIF データを含む写真でも情報漏洩のリスクなしに圧縮できる。クラウド型サービスでは EXIF 情報ごと外部サーバーに送信される点と対照的だ。",[17,2090,2091],{},[123,2092,2093],{},"Q5. 画像圧縮以外に LCP を改善する手段はあるか？",[17,2095,2096,2097,2100],{},"ある。CDN の利用、サーバー応答時間の短縮、",[228,2098,2099],{},"\u003Clink rel=\"preload\">"," による画像の事前読み込み指定、フォントの最適化などが代表的な手段だ。ただしこれらは設定変更やインフラ費用を伴うことが多く、即効性という点では画像圧縮が最も着手しやすい。画像圧縮で対処できる改善余地をまず使い切り、それでも目標値に届かない場合に他の手段を検討するのが現実的な順序だ。",[43,2102],{},[12,2104,284],{"id":284},[17,2106,2107],{},"Core Web Vitals のうちページ表示速度に最も直結する LCP を改善するには、画像圧縮が最も即効性の高い手段だ。対応の手順は「LCP 対象要素の特定 → リサイズ → 圧縮 → HTML 属性の整備 → 再計測」のサイクルを回すだけであり、特別な専門知識は不要だ。",[17,2109,2110,2111,2115],{},"プライバシーが気になる業務用途では、ファイルをサーバーに送信しないブラウザ内処理ツールを選ぶことが重要になる。zerosend の",[185,2112,2114],{"href":1833,"rel":2113},[189],"画像圧縮ツール","は browser-image-compression を Web Worker で動作させており、Chrome DevTools の Network タブでアップロード通信がゼロであることを誰でも自分で検証できる。初回ロード後は Service Worker のキャッシュによりオフライン環境でも動作するため、ネットワーク制限のある環境でも継続して使用できる。",[17,2117,2118],{},"一度の対応で終わらせず、画像をアップロードする前に圧縮するというステップを制作フローに組み込むことが、Core Web Vitals のスコアを継続的に維持する最も現実的な方法だ。",{"title":303,"searchDepth":304,"depth":304,"links":2120},[2121,2125,2126,2132,2139,2140,2146,2147],{"id":1618,"depth":304,"text":1619,"children":2122},[2123,2124],{"id":1657,"depth":311,"text":1658},{"id":1672,"depth":311,"text":1673},{"id":1692,"depth":304,"text":1692},{"id":1764,"depth":304,"text":1765,"children":2127},[2128,2129,2130,2131],{"id":1771,"depth":311,"text":1772},{"id":1782,"depth":311,"text":1783},{"id":1789,"depth":311,"text":1790},{"id":1802,"depth":311,"text":1803},{"id":1827,"depth":304,"text":1828,"children":2133},[2134,2135,2136,2137,2138],{"id":1843,"depth":311,"text":1844},{"id":1853,"depth":311,"text":1854},{"id":1860,"depth":311,"text":1861},{"id":1867,"depth":311,"text":1868},{"id":1874,"depth":311,"text":1875},{"id":1883,"depth":304,"text":1883},{"id":2009,"depth":304,"text":2009,"children":2141},[2142,2143,2144,2145],{"id":2012,"depth":311,"text":2013},{"id":2028,"depth":311,"text":2028},{"id":2034,"depth":311,"text":2034},{"id":2040,"depth":311,"text":2041},{"id":2049,"depth":304,"text":2050},{"id":284,"depth":304,"text":284},"LCP悪化の主因は画像の重さ。圧縮前後のスコア目安・手順・プライバシー安全なブラウザ内処理ツールの比較まで、実践的に解説します。",{},"\u002Fblog\u002Fcore-web-vitals-image-compress","2026-05-05",{"title":1613,"description":2148},"core-web-vitals-image-compress","blog\u002Fcore-web-vitals-image-compress",[334,2156,1099,2157],"圧縮","Core Web Vitals","2026-05-15","FRRn6aETDLGIWfMvq0hTPpmd8dMvwj0BA7KDHibK5yY",{"id":2161,"title":2162,"author":7,"body":2163,"category":320,"coverImage":321,"description":2369,"draft":323,"extension":324,"locale":325,"meta":2370,"navigation":327,"noindex":327,"path":2371,"publishedAt":2372,"seo":2373,"slug":2374,"stem":2375,"tags":2376,"updatedAt":2158,"__hash__":2377},"blog\u002Fblog\u002Fheic-to-jpg-intro.md","HEIC を JPG に変換する — \u002Ftools\u002Fheic-to-jpg の思想と使い方",{"type":9,"value":2164,"toc":2360},[2165,2168,2175,2179,2182,2185,2188,2191,2194,2197,2200,2203,2206,2209,2212,2215,2218,2221,2224,2230,2233,2236,2247,2269,2272,2275,2278,2281,2284,2287,2290,2293,2296,2302,2308,2318,2329,2332,2335,2341,2349,2357],[17,2166,2167],{},"iPhone で撮影した写真を同僚や取引先に送ったら「開けません」と返ってきた——そんな経験をした人は少なくないはずです。iPhone の標準保存形式である HEIC (High Efficiency Image Container) は、Apple のエコシステムの外では互換性が限定的で、Windows PC や Android 端末、さらには多くの Web サービスでもそのまま扱いにくいのが実情です。",[17,2169,2170,2171,2174],{},"変換方法はいくつかありますが、手軽さとプライバシーの両立という点では、ブラウザ内で処理が完結する方法が理にかなっています。zerosend の ",[185,2172,2173],{"href":620},"HEIC → JPG 変換"," はその考え方をベースに作られたツールです。この記事では、HEIC という形式の特性から始め、変換が現実的に必要になる場面、ブラウザ処理の仕組みと実際の手順、そして使うときに知っておくべき注意点まで、実践に直結する形で解説します。",[12,2176,2178],{"id":2177},"heic-という形式が抱える互換性の壁","HEIC という形式が抱える互換性の壁",[17,2180,2181],{},"HEIC は Apple が iOS 11（2017年）から採用したコンテナ形式で、内部的には HEVC（H.265）という映像圧縮アルゴリズムを静止画に応用しています。同等の画質を保ちながら JPG の約半分のファイルサイズを実現するため、ストレージ効率の観点では非常に優秀な形式です。iPhone が何年も前から HEIC をデフォルトにしているのはそのためです。",[17,2183,2184],{},"問題は、この形式が Apple の外に出た途端に摩擦を生じさせることにあります。",[17,2186,2187],{},"Windows 10 以降は HEIC ファイルを開くために Microsoft Store から「HEVC ビデオ拡張機能」を別途インストールする必要があります。かつては有償（約120円）でしたが、現在は無償で取得できるケースもあるものの、企業の管理下に置かれた PC では Microsoft Store 自体が制限されていることも多く、そもそも手順を知らないまま「開けない」で終わるユーザーが大半です。",[17,2189,2190],{},"画像編集ソフトでも状況は似ていて、Adobe Photoshop や Lightroom はバージョンによって対応状況が異なり、古い環境に依存している現場では HEIC がそのまま使い物にならないことがあります。Web サービスについては、X（旧 Twitter）や Facebook、note、各種クラウドストレージなど、HEIC のアップロードを受け付けないプラットフォームが今でも存在します。ファイルを選択してアップロードしようとしたら弾かれた、という体験は HEIC 特有のつまずきポイントです。",[17,2192,2193],{},"こうした背景を踏えると、HEIC を JPG に変換するのは「念のため」ではなく、実際のワークフローで避けられない作業になっているケースが多いことが分かります。",[12,2195,2196],{"id":2196},"変換が必要になる典型的な場面",[17,2198,2199],{},"HEIC の互換性問題が具体的に表面化するのは、どのような状況でしょうか。よくあるパターンを整理しておくと、自分の状況に当てはめやすくなります。",[17,2201,2202],{},"仕事で iPhone を使って撮影した資料写真や現場の状況写真を、Windows 環境のチームメンバーに共有するケースは非常に多いです。メールや社内チャットで送るだけなら届きますが、受け取った側が開けないという問題が生じます。特に HEIC コーデックが入っていない PC では、ファイルアイコンがグレーになったまま何も表示されません。",[17,2204,2205],{},"ブログや SNS への投稿も同様です。iPhone のカメラロールから直接写真を選んでアップロードしようとすると、形式エラーで弾かれることがあります。プラットフォームによってはエラーメッセージすら明確でなく、「なぜかアップロードできない」という状態に陥ります。",[17,2207,2208],{},"フリーランスのカメラマンやデザイナーが iPhone をサブカメラとして使う場合、クライアントへの納品ファイルに HEIC が混在するのは問題です。形式を JPG に統一することは、納品物の品質管理として当然の作業になります。",[17,2210,2211],{},"また、古い機器との連携も見落としがちな場面です。デジタルフォトフレームや一部のプリンターは HEIC 非対応であるため、印刷前の変換が必要になります。これはエンジニアではなく一般家庭のユーザーが直面する状況で、手軽に解決できる手段が求められています。",[12,2213,2214],{"id":2214},"なぜファイルをアップロードしない方法を選ぶべきか",[17,2216,2217],{},"「HEIC 変換」と検索すると、無料のオンラインサービスが多数ヒットします。使い方は簡単で、ファイルをアップロードして変換されたファイルをダウンロードするだけです。ただ、このフローには根本的な問題があります。ファイルが一度でも外部サーバーに送られた時点で、その写真のコントロールは自分の手を離れます。",[17,2219,2220],{},"iPhone の写真には、本人の顔や家族の姿、家の内部、さらには EXIF データとして撮影日時や GPS 座標が埋め込まれているケースがあります。これらを不特定の第三者が運営するサーバーにアップロードすることは、個人情報保護の観点から見ると軽視できないリスクです。利用規約にデータの使途が明記されていたとしても、実際の運用がどうなっているかをユーザーが確認する手段はほとんどありません。",[17,2222,2223],{},"業務用途ではさらに厳しい制約があります。NDA（秘密保持契約）を結んでいるプロジェクトの撮影素材、医療・法務・不動産などの機密性の高い写真は、外部サーバーへの送信自体がアウトになるケースがあります。こうした場面では「サーバーに送らない」という設計が、単なる付加価値ではなく必須条件になります。",[17,2225,2226,2227,2229],{},"zerosend の ",[185,2228,2173],{"href":620}," は、デコードから JPG の書き出しまでをすべてブラウザ内で処理します。ファイルはネットワークを経由せず、処理はブラウザのタブの中だけで閉じます。ページを閉じれば元のファイルも変換後のファイルも端末のキャッシュにすら残りません。",[12,2231,2232],{"id":2232},"ブラウザ内変換の技術的な仕組み",[17,2234,2235],{},"ブラウザ内だけで HEIC を JPG に変換できると聞くと不思議に思えるかもしれません。現時点でブラウザの標準機能（Web API）には HEIC のデコード機能がないため、外部ライブラリを使って補います。",[17,2237,2238,2239,2242,2243,2246],{},"zerosend では ",[228,2240,2241],{},"heic2any"," というライブラリを使っています。これは C で書かれた ",[228,2244,2245],{},"libheif"," ライブラリを WebAssembly（WASM）にコンパイルして JavaScript から利用可能にしたもので、HEIC ファイルの展開処理をブラウザ内のサンドボックス環境で実行できます。",[17,2248,2249,2250,2253,2254,2257,2258,2260,2261,2264,2265,2268],{},"処理の流れを大まかに説明すると、まず選択された HEIC ファイルを ",[228,2251,2252],{},"FileReader"," API で ",[228,2255,2256],{},"ArrayBuffer"," として読み込みます。その ArrayBuffer を ",[228,2259,2241],{}," に渡すと、内部で libheif の WASM モジュールが HEVC デコードを行い、JPEG の Blob オブジェクトとして返します。品質設定を変更したい場合は、",[228,2262,2263],{},"Canvas"," 要素経由でさらに再エンコードをかけることで任意の圧縮率を指定できます。最後に元のファイル名の拡張子を ",[228,2266,2267],{},".jpg"," に変えて書き出します。",[17,2270,2271],{},"初回のみ libheif の WASM（約 2MB）をダウンロードする処理が入るため、最初の変換には少し時間がかかります。2 回目以降はブラウザキャッシュに保持されるため、待ち時間なく即時に変換が始まります。オフライン環境であっても、一度キャッシュに乗っていれば動作します。",[17,2273,2274],{},"複数ファイルの処理はループで順次行われます。数十枚程度であれば快適に処理できますが、100 枚を超えるような大量のバッチ処理では、ブラウザのメモリ状況によっては処理が遅くなることがあります。その場合は 30〜50 枚程度に分けて変換するのが現実的な対処です。",[12,2276,2277],{"id":2277},"実際の変換手順と設定の選び方",[17,2279,2280],{},"操作そのものはシンプルですが、設定の意味を理解しておくと出力結果の質が上がります。",[17,2282,2283],{},"ツールを開いたら、HEIC または HEIF ファイルをドラッグ&ドロップするか、ファイル選択ダイアログから複数ファイルを選んでください。HEIC と HEIF はコンテナの呼称が異なるだけで、実態はほぼ同じ形式です（HEIF がコンテナの総称で、その中で HEVC エンコードされた静止画が HEIC と呼ばれます）。どちらも変換対象として認識されます。",[17,2285,2286],{},"品質スライダーは JPG の圧縮率を制御します。数値が高いほど高画質で大きいファイルになり、低いほど小さなファイルになります。Web 掲載用なら 75〜80、印刷素材や画像編集のベースとして使うなら 90 前後を目安にするとバランスがとれます。元の HEIC はすでに高効率な圧縮がかかっているため、JPG 品質を 100 にしてもファイルサイズが極端に膨らむわけではありませんが、HEIC → JPEG の再エンコードを経る分、理論的には画質の劣化は避けられません。必要以上に高品質にしても意味がないことは覚えておいてください。",[17,2288,2289],{},"変換が完了すると ZIP ファイルで一括ダウンロードできます。元のファイル名が保持されているため、変換後に別途リネームする手間がかかりません。ブラウザが許可する場合は個別に保存することもできますが、複数ファイルを扱う場合は ZIP の方が効率的です。",[12,2291,2292],{"id":2292},"変換前に知っておきたい注意点",[17,2294,2295],{},"HEIC から JPG への変換に際して、知っておくと後で困らない点をいくつか補足します。",[17,2297,2298,2301],{},[123,2299,2300],{},"EXIF データの扱い","：HEIC には撮影日時、カメラモデル、絞り値やシャッタースピードなどの撮影情報、そして GPS 座標（位置情報）が EXIF として含まれていることがあります。変換後の JPG でどの情報が引き継がれ、どの情報が失われるかはツールの実装によって異なります。位置情報が削除される場合はプライバシーの観点からむしろ安心ですが、撮影日時が残るかどうかは用途によって重要度が変わります。SNS 投稿前に位置情報を確実に削除したい場合は、変換後に EXIF 削除ツールを別途使うのが確実です。",[17,2303,2304,2307],{},[123,2305,2306],{},"Live Photo の扱い","：iPhone の Live Photo は静止画と短い動画（MOV）がセットになった形式です。HEIC ファイルとして保存されるのは静止画部分のみで、変換後も静止画の JPG が出力されます。動画部分は HEIC の中には入っておらず、別のファイルとして存在しています。Live Photo の動画部分も必要な場合は、iPhone の「写真」アプリで書き出す設定を「現状のまま」にして MOV ファイルを別途取り出す必要があります。",[17,2309,2310,2313,2314,2317],{},[123,2311,2312],{},"Apple ProRAW と HEIC の混在","：iPhone 12 Pro 以降で ProRAW 撮影をしている場合、カメラロールには ",[228,2315,2316],{},".dng"," 拡張子の RAW ファイルが含まれることがあります。これは HEIC ではないため、HEIC 変換ツールでは処理できません。用途に応じて RAW 現像ソフトで別途 JPG に書き出す必要があります。",[17,2319,2320,2323,2324,2328],{},[123,2321,2322],{},"ファイルサイズの変化","：HEIC は非常に効率的な圧縮形式であるため、変換後の JPG は同等画質の場合にファイルサイズが増えることがあります。これは変換の失敗ではなく、形式の特性上の変化です。Web 掲載用にさらに軽くしたい場合は、変換後に ",[185,2325,2327],{"href":2326},"\u002Ftools\u002Fimage-compress","画像圧縮"," を使ってサイズを調整することをお勧めします。",[12,2330,2331],{"id":2331},"変換後の用途に応じた次のステップ",[17,2333,2334],{},"JPG に変換したあと、用途によってはさらに加工が必要になることがあります。",[17,2336,2337,2338,2340],{},"Web やブログに掲載する場合、JPG のファイルサイズが大きいと読み込み速度に影響します。",[185,2339,2327],{"href":2326}," で品質を落とさずにファイルサイズを削減するか、WebP 形式に変換して現代のブラウザ向けに最適化するのが一般的な対処です。",[17,2342,2343,2344,2348],{},"複数の写真を1枚の PDF にまとめて提出・共有したい場合は、",[185,2345,2347],{"href":2346},"\u002Ftools\u002Fimage-to-pdf","画像 → PDF 変換"," を使うと変換後の JPG をそのまま PDF にまとめられます。紙の資料と共有するビジネス用途や、写真を印刷所に入稿する際に PDF 形式を求められるケースに対応できます。",[17,2350,2351,2352,2356],{},"写真の寸法を特定のサイズに揃えたい——たとえばプロフィール画像やサムネイルとして規定の解像度に合わせたい——場合は、",[185,2353,2355],{"href":2354},"\u002Ftools\u002Fimage-resize","画像リサイズ"," で幅・高さを数値指定して調整できます。",[17,2358,2359],{},"iPhone 写真の互換性問題は、HEIC という形式が優秀であるがゆえに生じるトレードオフです。Apple エコシステムの中だけで完結する使い方なら問題ありませんが、外部と写真をやり取りする機会がある限り、JPG への変換は避けられない作業です。どうせ変換するなら、ファイルを外に送り出すことなくブラウザの中だけで片付けてしまう方が、余計な心配をせずに済みます。",{"title":303,"searchDepth":304,"depth":304,"links":2361},[2362,2363,2364,2365,2366,2367,2368],{"id":2177,"depth":304,"text":2178},{"id":2196,"depth":304,"text":2196},{"id":2214,"depth":304,"text":2214},{"id":2232,"depth":304,"text":2232},{"id":2277,"depth":304,"text":2277},{"id":2292,"depth":304,"text":2292},{"id":2331,"depth":304,"text":2331},"iPhone で撮った HEIC 画像を Windows \u002F Android や古いシステムで開けるよう JPG に変換するツール。サーバーに送らずブラウザ内で変換する仕組みと注意点を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fheic-to-jpg-intro","2026-04-20",{"title":2162,"description":2369},"heic-to-jpg-intro","blog\u002Fheic-to-jpg-intro",[334,1228,335,337],"coiHOrxrMORhAV5eMwrUt-0E4goOPviPY140ak7tn1k",{"id":2379,"title":2380,"author":7,"body":2381,"category":320,"coverImage":321,"description":2592,"draft":323,"extension":324,"locale":325,"meta":2593,"navigation":327,"noindex":327,"path":2594,"publishedAt":2372,"seo":2595,"slug":2596,"stem":2597,"tags":2598,"updatedAt":2372,"__hash__":2599},"blog\u002Fblog\u002Fimage-convert-intro.md","画像形式変換をブラウザ内で — \u002Ftools\u002Fimage-convert の思想と使い方",{"type":9,"value":2382,"toc":2583},[2383,2386,2389,2415,2421,2424,2427,2430,2437,2440,2443,2464,2467,2490,2497,2500,2507,2529,2536,2539,2545,2551,2557,2563,2566],[17,2384,2385],{},"「PNG で貰ったロゴを JPEG にしたい」「iPhone で撮った HEIC を JPG で送りたい」「サイト表示を速くするために WebP に揃えたい」。画像の形式変換は地味ですが発生頻度の高い作業です。",[17,2387,2388],{},"よくあるユースケースを整理するとこうなります。",[24,2390,2391,2397,2403,2409],{},[27,2392,2393,2396],{},[123,2394,2395],{},"Web 担当者",": 納品された PNG 素材を WebP に変換してページ表示を高速化したい",[27,2398,2399,2402],{},[123,2400,2401],{},"デザイナー",": 透過 PNG のロゴを、背景色固定の JPEG に変換してメール添付したい",[27,2404,2405,2408],{},[123,2406,2407],{},"一般ユーザー",": Windows で開けない HEIC をとにかく JPG に直したい",[27,2410,2411,2414],{},[123,2412,2413],{},"開発者",": 複数形式が混在した画像フォルダを WebP に一括統一したい",[17,2416,2417,2420],{},[185,2418,2419],{"href":977},"Zerosend の画像形式変換ツール"," は、この日常作業をブラウザ内で完結させます。一度も外に出さずに、あなたの端末だけで別形式に書き出します。",[12,2422,2423],{"id":2423},"形式を変換したい主な理由",[17,2425,2426],{},"画像形式ごとに得意な用途が異なります。目的に合った形式を選ぶだけで、ファイルサイズが 30〜50% 小さくなったり、透過表現が使えるようになったりします。変換そのものを手軽にできる環境があると、素材管理の自由度が大きく上がります。",[12,2428,2429],{"id":2429},"なぜブラウザ内で形式変換するのか",[17,2431,2432,2433,2436],{},"画像変換サービスの多くは、アップロード → サーバーで変換 → ダウンロード という流れです。社員写真、契約書のスキャン、製品デザイン案。",[123,2434,2435],{},"中身を見られたくない画像ほど、オンライン変換ツールに投げづらい","のが現実です。",[17,2438,2439],{},"Zerosend は、変換処理そのものがブラウザ内で完結するため、機密性の高い素材でもそのまま使えます。DevTools の Network タブを開いたまま変換しても、画像本体がアップロードされていないことを自分で確認できます。",[12,2441,2442],{"id":2442},"使い方",[197,2444,2445,2452,2455,2458,2461],{},[27,2446,2447,2451],{},[185,2448,2449],{"href":977},[228,2450,977],{}," を開く",[27,2453,2454],{},"画像をドラッグ&ドロップ (複数可)",[27,2456,2457],{},"出力形式 (JPEG \u002F PNG \u002F WebP) と品質を選択",[27,2459,2460],{},"「変換を開始する」をクリック",[27,2462,2463],{},"結果を ZIP でまとめてダウンロード",[12,2465,2466],{"id":2466},"形式の選び方",[24,2468,2469,2474,2479,2484],{},[27,2470,2471,2473],{},[123,2472,393],{},": 写真・背景画像。透過不要。古いブラウザ\u002Fアプリ互換性が最重要なら",[27,2475,2476,2478],{},[123,2477,867],{},": ロゴ・UI パーツ・透過必要なグラフィック。可逆圧縮",[27,2480,2481,2483],{},[123,2482,870],{},": 汎用。JPEG より 25〜35% 小さくなり、透過も扱える。モダン用途の標準",[27,2485,2486,2489],{},[123,2487,2488],{},"AVIF",": 更に小さいが生成コストが高く、ブラウザ対応がまだ揃いきらない",[17,2491,2492,2493,2496],{},"ブログや EC で表示速度を気にするなら ",[123,2494,2495],{},"WebP 一択","と言って差し支えありません。",[12,2498,2499],{"id":2499},"仕組み",[17,2501,2502,2503,2506],{},"Canvas API の ",[228,2504,2505],{},"canvas.toBlob(callback, 'image\u002Fwebp', quality)"," を使って変換しています。ブラウザ標準のエンコーダなので、外部ライブラリ依存もありません。",[24,2508,2509,2516,2523],{},[27,2510,2511,2512,2515],{},"入力画像を ",[228,2513,2514],{},"\u003Cimg>"," として読み込み",[27,2517,2518,2519,2522],{},"同寸の ",[228,2520,2521],{},"\u003Ccanvas>"," に描画",[27,2524,2525,2528],{},[228,2526,2527],{},"toBlob"," で出力形式と品質を指定して書き出し",[17,2530,2531,2532,2535],{},"HEIC 入力のみ別ツール (",[185,2533,2534],{"href":620},"HEIC → JPG",") に振り分けています。HEIC デコーダがブラウザ標準にまだ入っていないため、別ライブラリを読み込む必要があるためです。",[12,2537,2538],{"id":2538},"よくある質問",[17,2540,2541,2544],{},[123,2542,2543],{},"Q. WebP に変換するメリットは？","\nA. 同じ視覚品質で JPEG より 25〜35% 小さくなります。透過も扱えるため PNG の代替にもなり、モダンブラウザはすべて対応済みです。ブログや EC では積極的に使う価値があります。",[17,2546,2547,2550],{},[123,2548,2549],{},"Q. 透過 PNG を JPEG にしたらどうなる？","\nA. 透過部分は白で塗られます。意図しない結果になりやすいので注意してください。透過を維持したい場合は WebP か PNG のままにしてください。",[17,2552,2553,2556],{},[123,2554,2555],{},"Q. 元のメタデータ (EXIF) は引き継がれる？","\nA. 落ちます。位置情報漏れの予防としてはむしろ利点です。",[17,2558,2559,2562],{},[123,2560,2561],{},"Q. バッチ処理の上限は？","\nA. 端末のメモリ次第ですが、実用上は 100 枚前後までを推奨します。",[12,2564,2565],{"id":2565},"関連ツール",[24,2567,2568,2573,2578],{},[27,2569,2570,2572],{},[185,2571,2327],{"href":2326}," — 品質指定で再エンコードしてサイズ削減",[27,2574,2575,2577],{},[185,2576,2355],{"href":2354}," — 形式変換と同時に寸法も揃えたいときは先にこちら",[27,2579,2580,2582],{},[185,2581,2534],{"href":620}," — iPhone 写真専用の変換",{"title":303,"searchDepth":304,"depth":304,"links":2584},[2585,2586,2587,2588,2589,2590,2591],{"id":2423,"depth":304,"text":2423},{"id":2429,"depth":304,"text":2429},{"id":2442,"depth":304,"text":2442},{"id":2466,"depth":304,"text":2466},{"id":2499,"depth":304,"text":2499},{"id":2538,"depth":304,"text":2538},{"id":2565,"depth":304,"text":2565},"Zerosend の画像形式変換ツールは、JPEG \u002F PNG \u002F WebP \u002F AVIF をサーバーに送らず相互変換します。用途別の形式選び、透過・圧縮率の違いを Zerosend 編集部が整理します。",{},"\u002Fblog\u002Fimage-convert-intro",{"title":2380,"description":2592},"image-convert-intro","blog\u002Fimage-convert-intro",[334,335,870,1228],"dNXvxzCCHaktG8_WTz9m52p5ftzxx-Jq6uk8-nqakoA",{"id":2601,"title":2602,"author":7,"body":2603,"category":320,"coverImage":321,"description":2816,"draft":323,"extension":324,"locale":325,"meta":2817,"navigation":327,"noindex":327,"path":2818,"publishedAt":2372,"seo":2819,"slug":2820,"stem":2821,"tags":2822,"updatedAt":2372,"__hash__":2824},"blog\u002Fblog\u002Fimage-edit-intro.md","画像の切り抜き・回転・反転をブラウザ内で — \u002Ftools\u002Fimage-edit の思想と使い方",{"type":9,"value":2604,"toc":2808},[2605,2608,2615,2618,2656,2659,2662,2669,2672,2674,2711,2713,2749,2752,2754,2760,2769,2775,2781,2787,2789],[17,2606,2607],{},"SNS アイコンの正方形切り出し、履歴書の証明写真の比率合わせ、商品画像の回転、スキャン画像の左右反転。Photoshop を開くほどでもないのに地味に面倒な作業ですよね。",[17,2609,2610,2614],{},[185,2611,2613],{"href":2612},"\u002Ftools\u002Fimage-edit","Zerosend の画像編集ツール"," は、この 3 操作を 1 画面に集約してブラウザ内で完結させます。",[12,2616,2617],{"id":2617},"こんな場面で使える",[24,2619,2620,2626,2632,2638,2644,2650],{},[27,2621,2622,2625],{},[123,2623,2624],{},"SNS アイコン・プロフィール画像",": Instagram や Twitter は正方形が基本。1:1 プリセットでワンクリック切り抜き",[27,2627,2628,2631],{},[123,2629,2630],{},"証明写真のトリミング",": 就活・パスポート申請用に 3:4 比率で切り抜き。顔が含まれるデータをサーバーに送りたくないときに特に有効",[27,2633,2634,2637],{},[123,2635,2636],{},"スキャン画像の向き修正",": スキャナが横向きで読み込んだ場合、90° 回転で即座に修正",[27,2639,2640,2643],{},[123,2641,2642],{},"商品画像の整形",": EC サイト用に余白をカットして正方形化",[27,2645,2646,2649],{},[123,2647,2648],{},"鏡像反転",": 文字が逆に写り込んだ画像を水平反転で修正",[27,2651,2652,2655],{},[123,2653,2654],{},"ブログ・資料のサムネイル",": 16:9 プリセットで統一感のある横長画像を作成",[12,2657,2658],{"id":2658},"なぜブラウザ内で編集するのか",[17,2660,2661],{},"トリミングは個人情報と密接です。証明写真を切り出すなら顔、名刺をスキャンするなら氏名・連絡先、社内資料の一部を切り出すなら機密情報が含まれます。",[17,2663,2664,2665,2668],{},"これらを「画像を切り抜くだけ」のオンラインツールにアップロードすると、切り抜き前の原版が相手のサーバーに残る可能性があります。オンラインツールはビジネスモデル上、アップロード済みのファイルをログ・解析・AI 学習に回しても契約上問題にならないケースが多く、",[123,2666,2667],{},"利用者側からはその境界が見えません","。",[17,2670,2671],{},"Zerosend は編集処理そのものをローカルで行うことで、この不透明性を取り除きます。",[12,2673,2442],{"id":2442},[197,2675,2676,2682,2685,2708],{},[27,2677,2678,2451],{},[185,2679,2680],{"href":2612},[228,2681,2612],{},[27,2683,2684],{},"画像をドラッグ&ドロップ",[27,2686,2687,2688],{},"3 つの操作から選ぶ:\n",[24,2689,2690,2696,2702],{},[27,2691,2692,2695],{},[123,2693,2694],{},"切り抜き",": 矩形を選択範囲として指定",[27,2697,2698,2701],{},[123,2699,2700],{},"回転",": 90° \u002F 180° \u002F 270° の 3 ステップ",[27,2703,2704,2707],{},[123,2705,2706],{},"反転",": 水平 \u002F 垂直",[27,2709,2710],{},"プレビューで結果を確認してダウンロード",[12,2712,2499],{"id":2499},[24,2714,2715,2727,2736],{},[27,2716,2717,2719,2720,2722,2723,2726],{},[123,2718,2694],{},": 選択した矩形の寸法の ",[228,2721,2521],{}," を作り、",[228,2724,2725],{},"drawImage"," で元画像の該当領域を切り出し",[27,2728,2729,2731,2732,2735],{},[123,2730,2700],{},": 回転行列を ",[228,2733,2734],{},"ctx.transform"," で適用してから描画",[27,2737,2738,2740,2741,2744,2745,2748],{},[123,2739,2706],{},": ",[228,2742,2743],{},"ctx.scale(-1, 1)"," で水平、",[228,2746,2747],{},"ctx.scale(1, -1)"," で垂直",[17,2750,2751],{},"いずれも Canvas API の基本操作の組み合わせで、追加ライブラリは使っていません。処理は数十ミリ秒で完了します。",[12,2753,2538],{"id":2538},[17,2755,2756,2759],{},[123,2757,2758],{},"Q. 元の画像ファイルは変更されますか？","\nA. いいえ。処理はブラウザのメモリ上で行われ、ダウンロードするまで何も書き変わりません。元ファイルはそのまま手元に残ります。",[17,2761,2762,2765,2766,2768],{},[123,2763,2764],{},"Q. 対応している画像形式は？","\nA. JPEG・PNG・WebP・GIF (静止画) に対応しています。HEIC 形式の場合は先に ",[185,2767,2173],{"href":620}," を使ってから編集してください。",[17,2770,2771,2774],{},[123,2772,2773],{},"Q. 比率指定 (1:1, 4:3, 16:9) で切り抜けますか？","\nA. はい。プリセットボタンで一発切り替えできます。SNS アイコンは 1:1、YouTube サムネは 16:9 など。",[17,2776,2777,2780],{},[123,2778,2779],{},"Q. 複数画像をまとめて同じ比率で切り抜けますか？","\nA. 現状は 1 枚ずつです。バッチ処理は要望を見ながら検討します。",[17,2782,2783,2786],{},[123,2784,2785],{},"Q. 編集後に再度編集したい場合は？","\nA. ダウンロードしたファイルを再度ドロップすれば、何度でも編集できます。",[12,2788,2565],{"id":2565},[24,2790,2791,2796,2801],{},[27,2792,2793,2795],{},[185,2794,2355],{"href":2354}," — 切り抜き後に寸法を揃えたいとき",[27,2797,2798,2800],{},[185,2799,2327],{"href":2326}," — 編集後の軽量化",[27,2802,2803,2807],{},[185,2804,2806],{"href":2805},"\u002Ftools\u002Fimage-merge","画像結合"," — 複数画像を 1 枚にまとめたいとき",{"title":303,"searchDepth":304,"depth":304,"links":2809},[2810,2811,2812,2813,2814,2815],{"id":2617,"depth":304,"text":2617},{"id":2658,"depth":304,"text":2658},{"id":2442,"depth":304,"text":2442},{"id":2499,"depth":304,"text":2499},{"id":2538,"depth":304,"text":2538},{"id":2565,"depth":304,"text":2565},"Zerosend の画像編集ツールは、切り抜き・回転・反転をサーバーに送らず端末内で処理します。証明写真・SNS アイコン・商品画像のトリミングで使える基本操作を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-edit-intro",{"title":2602,"description":2816},"image-edit-intro","blog\u002Fimage-edit-intro",[334,2823,1228],"編集","0hG7liiv-RC6UszRMXKm0Pu_JTdGZnwSKP8_nwe7UfA",{"id":2826,"title":2827,"author":7,"body":2828,"category":320,"coverImage":321,"description":3034,"draft":323,"extension":324,"locale":325,"meta":3035,"navigation":327,"noindex":327,"path":3036,"publishedAt":2372,"seo":3037,"slug":3038,"stem":3039,"tags":3040,"updatedAt":2372,"__hash__":3042},"blog\u002Fblog\u002Fimage-merge-intro.md","複数画像を 1 枚にまとめる — \u002Ftools\u002Fimage-merge の思想と使い方",{"type":9,"value":2829,"toc":3025},[2830,2833,2839,2842,2849,2852,2854,2877,2879,2905,2908,2912,2932,2938,2941,2967,2969,2978,2984,2993,2999,3005,3007],[17,2831,2832],{},"スマホのスクリーンショットを複数枚まとめて 1 枚の縦長画像にしたい。商品のビフォーアフター画像を横並びで 1 枚にしたい。操作マニュアルの手順画像を縦に並べて 1 ファイルにまとめたい。比較画像や before\u002Fafter の資料作りで、画像を並べたいシーンは日常的に発生します。",[17,2834,2835,2838],{},[185,2836,2837],{"href":2805},"Zerosend の画像結合ツール"," は、こうした「複数画像を 1 枚にまとめる」需要をブラウザ内で完結させます。",[12,2840,2841],{"id":2841},"なぜブラウザ内で結合するのか",[17,2843,2844,2845,2848],{},"結合対象の画像には、アプリの画面キャプチャ、社内ドキュメントのスクショ、顧客の LINE 履歴など機密性の高いものが混ざりがちです。",[123,2846,2847],{},"結合対象を全部まとめてサーバーに上げる","ということは、それだけの量の機密情報を一度に外に出すことと同じです。",[17,2850,2851],{},"Zerosend は結合処理そのものがローカルで動くため、何枚投入しても 1 枚のファイルも外に出ません。",[12,2853,2442],{"id":2442},[197,2855,2856,2862,2865,2868,2871,2874],{},[27,2857,2858,2451],{},[185,2859,2860],{"href":2805},[228,2861,2805],{},[27,2863,2864],{},"画像を複数枚ドラッグ&ドロップ",[27,2866,2867],{},"結合方向を選ぶ (縦に連結 \u002F 横に連結 \u002F グリッド)",[27,2869,2870],{},"順序が違う場合はドラッグで並べ替え",[27,2872,2873],{},"「結合を開始する」をクリック",[27,2875,2876],{},"1 枚の画像としてダウンロード",[12,2878,2499],{"id":2499},[24,2880,2881,2884,2890,2896,2899],{},[27,2882,2883],{},"各入力画像の寸法を計測",[27,2885,2886,2887,2889],{},"結合後の ",[228,2888,2521],{}," サイズを計算 (縦連結なら幅は最大・高さは合計)",[27,2891,2892,2893,2895],{},"画像を順に ",[228,2894,2725],{}," で配置",[27,2897,2898],{},"幅\u002F高さが揃わない場合は縦横比を保って自動センタリング",[27,2900,2901,2904],{},[228,2902,2903],{},"canvas.toBlob()"," で PNG \u002F JPEG として書き出し",[17,2906,2907],{},"全処理は Canvas API の組み合わせで完結します。100 枚程度の結合まで現実的です。",[12,2909,2911],{"id":2910},"縦結合横結合の使い分け","縦結合・横結合の使い分け",[24,2913,2914,2920,2926],{},[27,2915,2916,2919],{},[123,2917,2918],{},"縦に連結",": スマホのスクロールスクリーンショットをつなぐ、手順説明の連番画像をまとめる",[27,2921,2922,2925],{},[123,2923,2924],{},"横に連結",": ビフォー\u002Fアフターを並べる、比較検討資料を 1 枚にする",[27,2927,2928,2931],{},[123,2929,2930],{},"グリッド",": 複数カットを整然と並べて SNS 投稿やカタログ素材にする",[17,2933,2934,2935,2937],{},"サイズが異なる画像は、余白を自動で埋めて揃えます。事前に ",[185,2936,2355],{"href":2354}," で寸法を統一しておくと、余白なしにきれいに仕上がります。",[12,2939,2940],{"id":2940},"使いどころ",[24,2942,2943,2949,2955,2961],{},[27,2944,2945,2948],{},[123,2946,2947],{},"スクショ集約",": アプリのフロー解説で、複数画面を 1 枚にまとめて Slack に貼る",[27,2950,2951,2954],{},[123,2952,2953],{},"比較画像",": ビフォー\u002Fアフターを横並びで 1 枚に",[27,2956,2957,2960],{},[123,2958,2959],{},"SNS 投稿",": Instagram の 1 枚投稿でも複数カットを見せる",[27,2962,2963,2966],{},[123,2964,2965],{},"申請書類",": 表紙と本文を 1 画像にまとめて提出",[12,2968,2538],{"id":2538},[17,2970,2971,2974,2975,2977],{},[123,2972,2973],{},"Q. 結合後のファイルサイズはどのくらいになりますか？","\nA. 入力枚数と解像度に比例して大きくなります。多数枚を結合した場合は ",[185,2976,2327],{"href":2326}," で軽量化するのがおすすめです。",[17,2979,2980,2983],{},[123,2981,2982],{},"Q. 何枚まで結合できますか？","\nA. ツールに上限は設けていませんが、ブラウザのメモリに依存します。100 枚程度までは現実的に動作します。",[17,2985,2986,2989,2990,2992],{},[123,2987,2988],{},"Q. 画像サイズが違うものを結合するとどうなる？","\nA. 縦連結では幅を最大に合わせ、余白部分は透明 (PNG) または白 (JPEG) になります。事前に ",[185,2991,2355],{"href":2354}," で揃えておくときれいに仕上がります。",[17,2994,2995,2998],{},[123,2996,2997],{},"Q. 間に余白を入れられる？","\nA. はい。境界の色と幅を指定できます。",[17,3000,3001,3004],{},[123,3002,3003],{},"Q. グリッドの行数・列数は指定できる？","\nA. はい。例えば 4 枚を 2×2 のグリッドに配置できます。",[12,3006,2565],{"id":2565},[24,3008,3009,3014,3019],{},[27,3010,3011,3013],{},[185,3012,2355],{"href":2354}," — 結合前にサイズを揃える",[27,3015,3016,3018],{},[185,3017,2327],{"href":2326}," — 結合後の巨大ファイルを軽くする",[27,3020,3021,3024],{},[185,3022,3023],{"href":2346},"画像 → PDF"," — 結合の代わりに PDF 1 枚にまとめる選択肢も",{"title":303,"searchDepth":304,"depth":304,"links":3026},[3027,3028,3029,3030,3031,3032,3033],{"id":2841,"depth":304,"text":2841},{"id":2442,"depth":304,"text":2442},{"id":2499,"depth":304,"text":2499},{"id":2910,"depth":304,"text":2911},{"id":2940,"depth":304,"text":2940},{"id":2538,"depth":304,"text":2538},{"id":2565,"depth":304,"text":2565},"Zerosend の画像結合ツールは、複数の画像をサーバーに送らずブラウザ内で縦\u002F横に連結します。比較画像・ビフォーアフター・スマホのスクリーンショット集約に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-merge-intro",{"title":2827,"description":3034},"image-merge-intro","blog\u002Fimage-merge-intro",[334,3041,1228],"結合","ABtX_8V0akr12EaV3HwWf2y3hF0xHd61RgfQ7dZbuEA",{"id":3044,"title":3045,"author":7,"body":3046,"category":320,"coverImage":321,"description":3234,"draft":323,"extension":324,"locale":325,"meta":3235,"navigation":327,"noindex":327,"path":3236,"publishedAt":2372,"seo":3237,"slug":3238,"stem":3239,"tags":3240,"updatedAt":2372,"__hash__":3241},"blog\u002Fblog\u002Fimage-resize-intro.md","画像リサイズをブラウザ内で — \u002Ftools\u002Fimage-resize の思想と使い方",{"type":9,"value":3047,"toc":3224},[3048,3051,3057,3060,3066,3073,3075,3094,3097,3135,3137,3143,3168,3171,3174,3177,3179,3185,3191,3197,3203,3205],[17,3049,3050],{},"SNS に投稿したい、社内 Wiki に貼りたい、EC サイトの商品画像に使いたい、メールに添付したい。用途ごとに必要な画像サイズは違います。スマホで撮った 4000×3000 ピクセルの写真をそのままアップすると、受け側サーバーで勝手に縮小されたり、表示が重くなったりします。",[17,3052,3053,3056],{},[185,3054,3055],{"href":2354},"Zerosend の画像リサイズツール"," は、この「用途に合う寸法に先に揃えておきたい」需要をブラウザ内で完結させます。",[12,3058,3059],{"id":3059},"なぜブラウザ内でリサイズするのか",[17,3061,3062,3063,2668],{},"画像は、送信前に必要な解像度まで落としておくのが基本です。受け側サーバーの自動縮小に任せると、圧縮アルゴリズムを自分で選べず、結果も見えません。何より、",[123,3064,3065],{},"元の高解像度がサーバー側に残ります",[17,3067,3068,3069,3072],{},"顔写真、社員証、内装写真、診断書のスキャン。個人情報が含まれる画像を、ブラウザの「縮小してアップロード」機能付きサービスに投げることは、結果的に",[123,3070,3071],{},"原寸画像をそのままアップロードしている","のと同じです。Zerosend では、リサイズ処理そのものをあなたの端末で行うことで、アップロードする画像が本当に縮小済みであることを保証します。",[12,3074,2442],{"id":2442},[197,3076,3077,3083,3086,3089,3092],{},[27,3078,3079,2451],{},[185,3080,3081],{"href":2354},[228,3082,2354],{},[27,3084,3085],{},"画像をドラッグ&ドロップ (複数ファイル対応)",[27,3087,3088],{},"目標サイズを指定 — 「幅」「高さ」「長辺」「短辺」のいずれかを固定",[27,3090,3091],{},"「リサイズを開始する」をクリック",[27,3093,2463],{},[193,3095,3096],{"id":3096},"用途別の推奨サイズ",[24,3098,3099,3105,3111,3117,3123,3129],{},[27,3100,3101,3104],{},[123,3102,3103],{},"X \u002F Twitter",": 長辺 1600px",[27,3106,3107,3110],{},[123,3108,3109],{},"Instagram",": 正方形 1080px",[27,3112,3113,3116],{},[123,3114,3115],{},"LinkedIn \u002F Facebook",": 長辺 1200px",[27,3118,3119,3122],{},[123,3120,3121],{},"ブログ本文",": 幅 800〜1200px",[27,3124,3125,3128],{},[123,3126,3127],{},"メールの添付",": 長辺 1024px 程度 (画質維持しつつ 500KB 以下に収まりやすい)",[27,3130,3131,3134],{},[123,3132,3133],{},"ECサイトのサムネ",": 幅 400〜600px",[12,3136,2499],{"id":2499},[17,3138,3139,3140,3142],{},"画像リサイズは、Canvas API の ",[228,3141,2725],{}," を使ったブラウザ標準のバイキュービック補間で行っています。外部ライブラリの呼び出しも、サーバーへの問い合わせもありません。",[24,3144,3145,3151,3157,3163],{},[27,3146,3147,3148,3150],{},"画像を ",[228,3149,2514],{}," 要素として読み込む",[27,3152,3153,3154,3156],{},"目標サイズの ",[228,3155,2521],{}," を作成",[27,3158,3159,3162],{},[228,3160,3161],{},"ctx.drawImage(img, 0, 0, targetW, targetH)"," で描画",[27,3164,3165,3167],{},[228,3166,2903],{}," で出力形式 (JPEG \u002F PNG \u002F WebP) を指定して Blob に",[17,3169,3170],{},"一括処理は Promise.all ではなく順次実行しているため、数十枚でもメモリを圧迫しません。",[12,3172,3173],{"id":3173},"縦横比の維持について",[17,3175,3176],{},"リサイズで気をつけるべき最大のポイントは「アスペクト比の崩れ」です。幅だけを変えて高さはそのままにすると、人物が横に伸びたり商品が歪んだりします。本ツールでは既定で縦横比を維持するため、「幅を指定する」だけで高さは自動計算されます。強制的にトリミングするモードも選べるので、SNS の正方形サムネイルを作る際にも対応できます。",[12,3178,2538],{"id":2538},[17,3180,3181,3184],{},[123,3182,3183],{},"Q. 縦横比は保持されますか？","\nA. 既定で保持されます。「幅を合わせる」を選べば高さは自動で計算されます。",[17,3186,3187,3190],{},[123,3188,3189],{},"Q. EXIF (撮影情報) は？","\nA. リサイズ時に落ちます。プライバシー保護の観点ではむしろ利点です。",[17,3192,3193,3196],{},[123,3194,3195],{},"Q. 拡大もできますか？","\nA. できますが推奨しません。拡大は情報を増やせないため、AI 超解像を使わない限り画質は改善しません。",[17,3198,3199,3202],{},[123,3200,3201],{},"Q. 複数ファイルを一括処理できますか？","\nA. はい。ドラッグ&ドロップで複数ファイルを投入すると、同じ設定で一括リサイズして ZIP でまとめてダウンロードできます。",[12,3204,2565],{"id":2565},[24,3206,3207,3212,3218],{},[27,3208,3209,3211],{},[185,3210,2327],{"href":2326}," — リサイズ後にさらに軽くしたいときに",[27,3213,3214,3217],{},[185,3215,3216],{"href":977},"画像形式変換"," — WebP \u002F JPEG \u002F PNG の変換",[27,3219,3220,3223],{},[185,3221,3222],{"href":2612},"画像編集"," — 切り抜き・回転・反転",{"title":303,"searchDepth":304,"depth":304,"links":3225},[3226,3227,3230,3231,3232,3233],{"id":3059,"depth":304,"text":3059},{"id":2442,"depth":304,"text":2442,"children":3228},[3229],{"id":3096,"depth":311,"text":3096},{"id":2499,"depth":304,"text":2499},{"id":3173,"depth":304,"text":3173},{"id":2538,"depth":304,"text":2538},{"id":2565,"depth":304,"text":2565},"Zerosend の画像リサイズツールは、画像をサーバーに送らず端末内で寸法変更します。用途別の推奨サイズ、一括処理、品質を落とさないリサイズのコツを Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-resize-intro",{"title":3045,"description":3234},"image-resize-intro","blog\u002Fimage-resize-intro",[334,1609,1228],"nKnNaRyrLmnbT9TIqhevppJY36_pPBD85MAKx0mdH48",{"id":3243,"title":3244,"author":7,"body":3245,"category":320,"coverImage":321,"description":3442,"draft":323,"extension":324,"locale":325,"meta":3443,"navigation":327,"noindex":327,"path":3444,"publishedAt":2372,"seo":3445,"slug":3446,"stem":3447,"tags":3448,"updatedAt":2372,"__hash__":3450},"blog\u002Fblog\u002Fimage-to-pdf-intro.md","画像を 1 つの PDF にまとめる — \u002Ftools\u002Fimage-to-pdf の思想と使い方",{"type":9,"value":3246,"toc":3434},[3247,3250,3256,3259,3285,3288,3291,3298,3305,3307,3330,3332,3338,3369,3372,3374,3380,3389,3395,3404,3406],[17,3248,3249],{},"スマホで撮ったレシート 10 枚を経費精算で PDF にまとめる、スキャンした書類 15 枚を 1 つの PDF にまとめて申請する、商品写真を PDF カタログにする。「画像 → PDF」の変換は、個人から業務まで頻繁に発生する作業です。",[17,3251,3252,3255],{},[185,3253,3254],{"href":2346},"Zerosend の画像 → PDF 変換ツール"," は、この作業をブラウザ内で完結させます。",[12,3257,3258],{"id":3258},"主なユースケース",[24,3260,3261,3267,3273,3279],{},[27,3262,3263,3266],{},[123,3264,3265],{},"写真をポートフォリオ PDF に",": デザイナーや写真家が作品画像を選択して 1 ファイルにまとめ、クライアントへの提案や審査用に配布する",[27,3268,3269,3272],{},[123,3270,3271],{},"スキャン画像を 1 ファイルに集約",": 複数ページにわたる契約書・申請書をスキャンした画像を 1 つの PDF にまとめて提出する",[27,3274,3275,3278],{},[123,3276,3277],{},"レシート・領収書の経費精算",": スマホで撮影したレシートをまとめて月次経費書類として提出する",[27,3280,3281,3284],{},[123,3282,3283],{},"複数画像を順番管理して配布",": ドラッグ&ドロップで並び順を調整しながら、説明資料やマニュアルを PDF にまとめる",[17,3286,3287],{},"複数の画像ファイルを 1 回の操作で 1 つの PDF に変換できるため、枚数が多いほど手作業との差が際立ちます。",[12,3289,3290],{"id":3290},"なぜブラウザ内で変換するのか",[17,3292,3293,3294,3297],{},"画像 → PDF 変換の入力は、写真・スキャン・スクリーンショットです。つまり",[123,3295,3296],{},"画像 1 枚ずつが個別の機密情報","を持ちます。レシートなら店名・金額・日時・クレカ下 4 桁、スキャン書類なら本文全体、スクショなら画面に写っているすべて。",[17,3299,3300,3301,3304],{},"それらをまとめてオンライン PDF 化サービスに投げるのは、",[123,3302,3303],{},"機密情報セットをまとめて外に出す","ことに他なりません。Zerosend ではローカルで PDF 組み立てまで行うため、アップロードは発生しません。",[12,3306,2442],{"id":2442},[197,3308,3309,3315,3318,3321,3324,3327],{},[27,3310,3311,2451],{},[185,3312,3313],{"href":2346},[228,3314,2346],{},[27,3316,3317],{},"画像を複数枚ドラッグ&ドロップ (JPEG \u002F PNG \u002F WebP)",[27,3319,3320],{},"ページサイズ (A4 \u002F レター \u002F 画像原寸) と向きを選ぶ",[27,3322,3323],{},"並び順をドラッグで調整",[27,3325,3326],{},"「PDF 化を開始する」をクリック",[27,3328,3329],{},"1 つの PDF ファイルとしてダウンロード",[12,3331,2499],{"id":2499},[17,3333,3334,3337],{},[228,3335,3336],{},"pdf-lib"," を使って PDF を組み立てています。",[24,3339,3340,3343,3349,3360,3363],{},[27,3341,3342],{},"各画像を ArrayBuffer で読み込み",[27,3344,3345,3348],{},[228,3346,3347],{},"PDFDocument.create()"," で新規ドキュメントを作成",[27,3350,3351,3352,3355,3356,3359],{},"ページごとに ",[228,3353,3354],{},"pdfDoc.embedJpg()"," または ",[228,3357,3358],{},"embedPng()"," で画像を埋め込み",[27,3361,3362],{},"ページサイズに合わせて自動で縮小・センタリング",[27,3364,3365,3368],{},[228,3366,3367],{},".save()"," で最終的な PDF バイト列に",[17,3370,3371],{},"画像のサイズ指定は縦横比を保持したまま、指定ページサイズに収まるよう計算されます。",[12,3373,2538],{"id":2538},[17,3375,3376,3379],{},[123,3377,3378],{},"Q. 画像の順序は変えられますか？","\nA. はい。追加した順に並びますが、ドラッグで並べ替えできます。",[17,3381,3382,3385,3386,3388],{},[123,3383,3384],{},"Q. 画像の向き (縦\u002F横) を個別に変えられますか？","\nA. ページ単位の向きは全体で統一されます。個別に回転したい場合は ",[185,3387,3222],{"href":2612}," で先に回転してから PDF 化してください。",[17,3390,3391,3394],{},[123,3392,3393],{},"Q. OCR (文字認識) はかかる？","\nA. かかりません。画像はそのまま PDF に埋め込まれます。検索可能 PDF にしたい場合は別途 OCR ツールを通してください (プライバシー観点では、OCR もローカルで完結するツールを選ぶべきです)。",[17,3396,3397,3400,3401,3403],{},[123,3398,3399],{},"Q. 圧縮は？","\nA. 元画像がそのまま埋め込まれるため、PDF が大きくなりがちです。事前に ",[185,3402,2327],{"href":2326}," してから投入すると、最終 PDF が軽くなります。",[12,3405,2565],{"id":2565},[24,3407,3408,3413,3420,3427],{},[27,3409,3410,3412],{},[185,3411,2327],{"href":2326}," — PDF 化前に画像を軽くする",[27,3414,3415,3419],{},[185,3416,3418],{"href":3417},"\u002Ftools\u002Fpdf-compress","PDF 圧縮"," — 生成した PDF をさらに軽くする",[27,3421,3422,3426],{},[185,3423,3425],{"href":3424},"\u002Ftools\u002Fpdf-merge","PDF 結合"," — 既存 PDF と結合する",[27,3428,3429,3433],{},[185,3430,3432],{"href":3431},"\u002Ftools\u002Fpdf-to-image","PDF → 画像"," — 逆変換",{"title":303,"searchDepth":304,"depth":304,"links":3435},[3436,3437,3438,3439,3440,3441],{"id":3258,"depth":304,"text":3258},{"id":3290,"depth":304,"text":3290},{"id":2442,"depth":304,"text":2442},{"id":2499,"depth":304,"text":2499},{"id":2538,"depth":304,"text":2538},{"id":2565,"depth":304,"text":2565},"Zerosend の画像 → PDF 変換ツールは、複数画像をサーバーに送らず 1 つの PDF にまとめます。スキャン画像の PDF 化・レシートまとめ・申請書類の体裁整え。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-to-pdf-intro",{"title":3244,"description":3442},"image-to-pdf-intro","blog\u002Fimage-to-pdf-intro",[3449,334,335,1228],"PDF","tg5FYgKMGZgx3aC9UAapeIa6b3qfrAqQ56T-BUNyShg",{"id":3452,"title":3453,"author":7,"body":3454,"category":320,"coverImage":321,"description":3669,"draft":323,"extension":324,"locale":325,"meta":3670,"navigation":327,"noindex":327,"path":3671,"publishedAt":2372,"seo":3672,"slug":3673,"stem":3674,"tags":3675,"updatedAt":2372,"__hash__":3676},"blog\u002Fblog\u002Fpdf-to-image-intro.md","PDF を画像に変換する — \u002Ftools\u002Fpdf-to-image の思想と使い方",{"type":9,"value":3455,"toc":3659},[3456,3459,3464,3467,3493,3495,3502,3505,3507,3526,3529,3549,3551,3557,3586,3589,3591,3602,3608,3614,3623,3635,3637],[17,3457,3458],{},"プレゼン資料の 1 ページだけスクリーンショット的に使いたい、PDF の一部を SNS 投稿したい、PDF を見れない環境向けに画像で送りたい。「PDF → 画像」の変換は地味に需要があります。",[17,3460,3461,3255],{},[185,3462,3463],{"href":3431},"Zerosend の PDF → 画像変換ツール",[12,3465,3466],{"id":3466},"どんな場面で役立つか",[24,3468,3469,3475,3481,3487],{},[27,3470,3471,3474],{},[123,3472,3473],{},"SNS・ブログへの資料引用",": 講演スライドや報告書の特定ページを画像として切り出し、X や Instagram にそのまま投稿できます",[27,3476,3477,3480],{},[123,3478,3479],{},"サムネイル作成",": PDF ドキュメントの表紙ページを高解像度 PNG に変換し、ウェブサイトのカバー画像として使えます",[27,3482,3483,3486],{},[123,3484,3485],{},"PDF 非対応の環境に送る",": チャットツールや古い CMS が PDF に対応していなくても、画像なら貼れます",[27,3488,3489,3492],{},[123,3490,3491],{},"PDF の内容をすばやく確認・共有",": 受け取った PDF の一部だけを画像にして、コメント付きで関係者に送る用途にも便利です",[12,3494,3290],{"id":3290},[17,3496,3497,3498,3501],{},"PDF から画像を切り出したい場面は、社内資料・顧客提案書・設計図・契約書スナップショットなど、機密度が高いケースが多いものです。「PDF の特定ページを画像にしたいだけ」とオンラインツールに上げるときも、",[123,3499,3500],{},"アップロードされるのは PDF の全ページ","です。",[17,3503,3504],{},"Zerosend は変換処理をローカルで行うため、そもそも PDF が外に出ません。",[12,3506,2442],{"id":2442},[197,3508,3509,3515,3518,3521,3523],{},[27,3510,3511,2451],{},[185,3512,3513],{"href":3431},[228,3514,3431],{},[27,3516,3517],{},"PDF をドラッグ&ドロップ",[27,3519,3520],{},"出力形式 (PNG \u002F JPEG) と解像度を選ぶ",[27,3522,2460],{},[27,3524,3525],{},"全ページの画像が ZIP で生成される",[193,3527,3528],{"id":3528},"解像度の目安",[24,3530,3531,3537,3543],{},[27,3532,3533,3536],{},[123,3534,3535],{},"72 DPI",": ウェブ掲載・SNS 投稿用。画質より軽さ優先",[27,3538,3539,3542],{},[123,3540,3541],{},"150 DPI",": 画面で読む標準品質",[27,3544,3545,3548],{},[123,3546,3547],{},"300 DPI",": 印刷品質。資料の細部が重要なとき",[12,3550,2499],{"id":2499},[17,3552,3553,3556],{},[228,3554,3555],{},"pdfjs-dist"," を使って各ページを Canvas に描画し、Canvas から画像として書き出しています。",[24,3558,3559,3562,3568,3578,3583],{},[27,3560,3561],{},"PDF を ArrayBuffer として読み込み",[27,3563,3564,3567],{},[228,3565,3566],{},"getDocument()"," で解析",[27,3569,3351,3570,3573,3574,3577],{},[228,3571,3572],{},"getPage(n)"," → ",[228,3575,3576],{},"render(ctx, viewport)"," で Canvas に描画",[27,3579,3580,3582],{},[228,3581,2903],{}," で PNG \u002F JPEG 化",[27,3584,3585],{},"全ページを ZIP にまとめてダウンロード",[17,3587,3588],{},"ブラウザの描画エンジンをそのまま使うため、フォント埋め込み・ベクタ図・透過要素も正確に再現されます。",[12,3590,2538],{"id":2538},[17,3592,3593,3596,3597,3601],{},[123,3594,3595],{},"Q. 特定のページだけ変換できますか？","\nA. 現状は全ページが対象です。特定ページだけなら ",[185,3598,3600],{"href":3599},"\u002Ftools\u002Fpdf-split","PDF 分割"," で該当ページだけ抽出してから変換するのが確実です。",[17,3603,3604,3607],{},[123,3605,3606],{},"Q. 透過背景の PDF を変換するとどうなる？","\nA. PNG を選べば透過が保持されます。JPEG は透過非対応のため白背景になります。",[17,3609,3610,3613],{},[123,3611,3612],{},"Q. 画像の品質をもっと上げたい","\nA. 解像度を 300 DPI にすると大きく改善します。ファイルサイズとメモリ消費も大きくなります。",[17,3615,3616,3619,3620,3622],{},[123,3617,3618],{},"Q. 全ページを 1 枚にまとめたい","\nA. 本ツールは 1 ページ 1 ファイルです。まとめたい場合はダウンロード後 ",[185,3621,2806],{"href":2805}," で結合してください。",[17,3624,3625,3628,3629,3631,3632,3634],{},[123,3626,3627],{},"Q. PNG と JPEG どちらを選ぶべきか？","\nA. テキストや図表が多い資料は ",[123,3630,867],{}," が高品質です。写真が多いページや SNS 投稿用に軽さを優先するなら ",[123,3633,393],{}," が適しています。",[12,3636,2565],{"id":2565},[24,3638,3639,3644,3649,3654],{},[27,3640,3641,3643],{},[185,3642,3600],{"href":3599}," — 変換前に必要なページだけ抽出",[27,3645,3646,3648],{},[185,3647,3418],{"href":3417}," — 先に PDF を軽くしてから変換すると出力もコンパクトに",[27,3650,3651,3653],{},[185,3652,2327],{"href":2326}," — 変換後の画像サイズをさらに削減",[27,3655,3656,3658],{},[185,3657,2806],{"href":2805}," — 変換した複数ページを 1 枚にまとめる",{"title":303,"searchDepth":304,"depth":304,"links":3660},[3661,3662,3663,3666,3667,3668],{"id":3466,"depth":304,"text":3466},{"id":3290,"depth":304,"text":3290},{"id":2442,"depth":304,"text":2442,"children":3664},[3665],{"id":3528,"depth":311,"text":3528},{"id":2499,"depth":304,"text":2499},{"id":2538,"depth":304,"text":2538},{"id":2565,"depth":304,"text":2565},"Zerosend の PDF → 画像変換ツールは、PDF の各ページをサーバーに送らずブラウザ内で PNG \u002F JPEG に書き出します。資料の一部だけ共有したいときに便利。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-to-image-intro",{"title":3453,"description":3669},"pdf-to-image-intro","blog\u002Fpdf-to-image-intro",[3449,334,335,1228],"UFFCF6pwSjl3ZMpKI7PTplUK5VFuwNoMIlKK0juOiqw",{"id":3678,"title":3679,"author":7,"body":3680,"category":320,"coverImage":321,"description":4353,"draft":323,"extension":324,"locale":325,"meta":4354,"navigation":327,"noindex":323,"path":4355,"publishedAt":4356,"seo":4357,"slug":4358,"stem":4359,"tags":4360,"updatedAt":2158,"__hash__":4361},"blog\u002Fblog\u002Fheic-to-jpg-windows.md","Windows で HEIC を JPG に変換する方法3選——拡張機能・ブラウザ変換・iPhone設定を徹底比較",{"type":9,"value":3681,"toc":4318},[3682,3689,3692,3694,3698,3702,3715,3718,3722,3725,3727,3731,3734,3738,3774,3777,3797,3799,3803,3806,3809,3928,3931,3935,3951,3955,3963,3975,3980,3998,4005,4007,4011,4014,4018,4029,4035,4038,4096,4099,4101,4105,4108,4188,4191,4193,4197,4200,4203,4207,4214,4222,4233,4235,4242,4244,4246,4250,4253,4257,4260,4264,4267,4271,4274,4278,4281,4283,4285,4288,4312,4315],[17,3683,3684,3685,3688],{},"iPhone で撮った写真を Windows PC に移したとき、「このファイルを開けません」というダイアログが出て止まった経験は珍しくない。原因は ",[228,3686,3687],{},".HEIC"," という拡張子——Apple が iPhone 7 以降の標準フォーマットとして採用した高圧縮画像形式だ。Windows はデフォルトでこの形式のコーデックを持っていないため、そのままでは開けない。",[17,3690,3691],{},"この記事では、問題を解決する3つのアプローチを手順ごとに解説し、それぞれの速度・画質・プライバシー・コストを比較する。「今すぐ1枚開きたい」「100枚まとめてJPGに変換したい」「そもそも今後はJPGで撮りたい」——目的によって最適な手段が異なる。",[43,3693],{},[12,3695,3697],{"id":3696},"heic-とは何かwindows-が標準対応しない理由","HEIC とは何か——Windows が標準対応しない理由",[193,3699,3701],{"id":3700},"apple-が採用した高効率フォーマットの仕組み","Apple が採用した高効率フォーマットの仕組み",[17,3703,3704,3705,3710,3711,3714],{},"HEIC（High Efficiency Image Container）は、",[185,3706,3709],{"href":3707,"rel":3708},"https:\u002F\u002Fwww.mpeg.org\u002Fstandards\u002FMPEG-H\u002F12\u002F",[189],"MPEG グループが策定した HEIF 規格","をベースにした画像コンテナフォーマットだ。内部的には H.265（HEVC）コーデックを使い、JPG と同等の画質を",[123,3712,3713],{},"約半分のファイルサイズ","で保存できる。iPhone のストレージ容量を節約するために、iOS 11 \u002F iPhone 7 以降でデフォルト設定に採用されている。",[17,3716,3717],{},"技術的な特徴として、1ファイルに複数フレームを収める「バースト撮影」や深度マップ、HDR 情報も格納できる点がある。JPG にはない表現力を持つ一方で、普及率はまだ限定的だ。",[193,3719,3721],{"id":3720},"windows-が標準対応しない背景","Windows が標準対応しない背景",[17,3723,3724],{},"HEVC（H.265）のコーデックは特許ライセンス料が発生する。そのため Microsoft は Windows に HEVC デコーダーを標準バンドルしておらず、ユーザーは別途インストールが必要になる。macOS や iOS は Apple がライセンス取得済みのため標準対応しているが、Windows では「フォト」アプリを含むほとんどのビューアーが、追加拡張機能なしには HEIC を表示できない。",[43,3726],{},[12,3728,3730],{"id":3729},"方法1microsoft-store-の-heif-hevc-拡張機能をインストールする","方法1：Microsoft Store の HEIF \u002F HEVC 拡張機能をインストールする",[17,3732,3733],{},"Windows のネイティブ機能として HEIC を扱えるようにする方法。インストール後は「フォト」アプリや Windows エクスプローラーのサムネイルが有効になる。",[193,3735,3737],{"id":3736},"インストール手順windows-10-11-共通","インストール手順（Windows 10 \u002F 11 共通）",[197,3739,3740,3746,3753,3771],{},[27,3741,3742,3743,2451],{},"スタートメニューから ",[123,3744,3745],{},"Microsoft Store",[27,3747,3748,3749,3752],{},"検索欄に「HEIF 画像拡張機能」と入力し、",[123,3750,3751],{},"Microsoft Corporation"," 製のものをインストール（無料）",[27,3754,3755,3756],{},"同様に「HEVC ビデオ拡張機能」を検索してインストールする\n",[24,3757,3758,3764],{},[27,3759,3760,3761,3763],{},"公式の「HEVC ビデオ拡張機能（デバイス製造元から）」は ",[123,3762,166],{},"だが、検索結果に表示されないことがある。URLを直接開く方法が確実",[27,3765,3766,3767,3770],{},"「HEVC ビデオ拡張機能」（製造元なし）は ",[123,3768,3769],{},"約120円","の有料版が表示される場合がある",[27,3772,3773],{},"再起動不要。インストール後すぐにHEICファイルをダブルクリックで開ける",[193,3775,3776],{"id":3776},"この方法の限界",[24,3778,3779,3785,3791],{},[27,3780,3781,3784],{},[123,3782,3783],{},"変換は行わない","：あくまで「開く」だけで、JPGとして保存・送信するには別途操作が必要",[27,3786,3787,3790],{},[123,3788,3789],{},"サードパーティソフトには効かない","：Adobe Photoshop Elements の古いバージョンやサードパーティの画像編集ソフトは、Windows の拡張機能に依存しないため、別途プラグインが必要な場合がある",[27,3792,3793,3796],{},[123,3794,3795],{},"Store のポリシー変更","：過去に有料化・無料化を繰り返した経緯があり、現時点での料金は必ず Store 画面で確認すること",[43,3798],{},[12,3800,3802],{"id":3801},"方法2ブラウザ内変換ツールで-heic-jpg-に変換する","方法2：ブラウザ内変換ツールで HEIC → JPG に変換する",[17,3804,3805],{},"「変換してJPGとして保存・送付したい」なら、オンラインツールまたはブラウザ内ツールを使う。ここではプライバシーと利便性の両面から検討する。",[193,3807,3808],{"id":3808},"主要ツールの比較",[52,3810,3811,3828],{},[55,3812,3813],{},[58,3814,3815,3817,3819,3821,3824,3826],{},[61,3816,1228],{},[61,3818,1234],{},[61,3820,1231],{},[61,3822,3823],{},"無料制限",[61,3825,1902],{},[61,3827,1240],{},[77,3829,3830,3860,3878,3894,3910],{},[58,3831,3832,3836,3841,3846,3850,3855],{},[82,3833,3834],{},[123,3835,1914],{},[82,3837,3838],{},[123,3839,3840],{},"なし（ゼロ）",[82,3842,3843],{},[123,3844,3845],{},"ブラウザ内 WASM",[82,3847,3848],{},[123,3849,90],{},[82,3851,3852],{},[123,3853,3854],{},"○（Service Worker）",[82,3856,3857],{},[123,3858,3859],{},"○（ZIP出力）",[58,3861,3862,3864,3866,3869,3872,3875],{},[82,3863,1247],{},[82,3865,1253],{},[82,3867,3868],{},"サーバー側",[82,3870,3871],{},"1日2回まで",[82,3873,3874],{},"✕",[82,3876,3877],{},"△（Pro のみ）",[58,3879,3880,3882,3885,3887,3890,3892],{},[82,3881,1263],{},[82,3883,3884],{},"あり（スペインサーバー）",[82,3886,3868],{},[82,3888,3889],{},"1日制限あり",[82,3891,3874],{},[82,3893,104],{},[58,3895,3896,3899,3901,3903,3906,3908],{},[82,3897,3898],{},"HEICtoJPEG.com",[82,3900,125],{},[82,3902,3868],{},[82,3904,3905],{},"無料（広告）",[82,3907,3874],{},[82,3909,104],{},[58,3911,3912,3915,3918,3920,3923,3925],{},[82,3913,3914],{},"TinyPNG（変換機能）",[82,3916,3917],{},"あり（AWS）",[82,3919,3868],{},[82,3921,3922],{},"20枚\u002F回",[82,3924,3874],{},[82,3926,3927],{},"△",[17,3929,3930],{},"サーバー送信があるツールは、ファイルが一時的に外部ストレージに保存されるリスクを伴う。利用規約上は削除されると記載されていても、転送経路での傍受リスクはゼロにはならない。家族写真や顔が写り込んだ業務資料を変換する場合、この違いは無視できない。",[193,3932,3934],{"id":3933},"zerosend-を使った手順","zerosend を使った手順",[197,3936,3937,3943,3946,3948],{},[27,3938,3939,3942],{},[185,3940,3941],{"href":620},"zerosend HEIC → JPG 変換"," にアクセスする",[27,3944,3945],{},"HEICファイルをドラッグ&ドロップ、または「ファイルを選択」でフォルダから選ぶ（複数選択可）",[27,3947,1340],{},[27,3949,3950],{},"変換完了後、1枚なら直接JPGをダウンロード、複数枚なら ZIPファイルでまとめてダウンロード",[193,3952,3954],{"id":3953},"技術的な仕組みなぜサーバーに送らずに変換できるのか","技術的な仕組み——なぜサーバーに送らずに変換できるのか",[17,3956,3957,3958,3962],{},"zerosend は ",[185,3959,2241],{"href":3960,"rel":3961},"https:\u002F\u002Fgithub.com\u002Falexcorvi\u002Fheic2any",[189],"（libheif の WebAssembly ビルド）を使用している。libheif はオープンソースの HEIF\u002FHEIC デコードライブラリで、それを WASM にコンパイルすることでブラウザのサンドボックス内で直接実行できる。変換処理は Web Worker 上で走るため、UIスレッドをブロックせず、大量ファイル処理中もブラウザが固まらない。",[3964,3965,3966],"blockquote",{},[17,3967,3968,3969,3974],{},"WebAssembly の実行モデルについては ",[185,3970,3973],{"href":3971,"rel":3972},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWebAssembly\u002FConcepts",[189],"MDN Web Docs — WebAssembly の概念"," に詳しい説明がある。",[17,3976,3977],{},[123,3978,3979],{},"通信ゼロを自分で確認する方法：",[197,3981,3982,3989,3992,3995],{},[27,3983,3984,3985,3988],{},"Chrome \u002F Edge で ",[228,3986,3987],{},"F12"," を押して DevTools を開く",[27,3990,3991],{},"「Network」タブを選択し、「すべてクリア」ボタンを押す",[27,3993,3994],{},"zerosend の変換ツールにファイルをドロップして変換を実行する",[27,3996,3997],{},"Network タブを確認——HEICファイルのアップロード通信は一切記録されない",[17,3999,4000,4001,4004],{},"変換後にキャッシュが Service Worker に保存されるため、次回以降は",[123,4002,4003],{},"オフライン（機内モード）でも動作する","。Wi-Fiがない環境での作業や、セキュリティ上インターネット接続を切りたい場面でも利用できる。",[43,4006],{},[12,4008,4010],{"id":4009},"方法3iphone-側で互換性優先に設定変更する","方法3：iPhone 側で「互換性優先」に設定変更する",[17,4012,4013],{},"根本的な解決策として、そもそも HEIC で撮影しないよう iPhone の設定を変える方法がある。",[193,4015,4017],{"id":4016},"設定手順ios","設定手順（iOS）",[197,4019,4020,4023,4026],{},[27,4021,4022],{},"「設定」アプリを開く",[27,4024,4025],{},"「カメラ」→「フォーマット」を選択",[27,4027,4028],{},"「高効率」から**「互換性優先」**に変更",[17,4030,4031,4032,4034],{},"以降に撮影した写真は ",[228,4033,2267],{}," として保存される。Airdrop や USB転送したときに Windows で即座に開ける。",[193,4036,4037],{"id":4037},"トレードオフ",[52,4039,4040,4052],{},[55,4041,4042],{},[58,4043,4044,4046,4049],{},[61,4045,387],{},[61,4047,4048],{},"高効率（HEIC）",[61,4050,4051],{},"互換性優先（JPG）",[77,4053,4054,4065,4076,4087],{},[58,4055,4056,4059,4062],{},[82,4057,4058],{},"ファイルサイズ",[82,4060,4061],{},"小さい（基準）",[82,4063,4064],{},"1.5〜2倍",[58,4066,4067,4070,4073],{},[82,4068,4069],{},"Windows 互換性",[82,4071,4072],{},"要対応",[82,4074,4075],{},"即座に開ける",[58,4077,4078,4081,4084],{},[82,4079,4080],{},"画質",[82,4082,4083],{},"同等〜やや良好",[82,4085,4086],{},"同等",[58,4088,4089,4092,4094],{},[82,4090,4091],{},"変換作業",[82,4093,592],{},[82,4095,578],{},[17,4097,4098],{},"iPhone ストレージが64GB以下、または写真を大量に撮るユーザーにとっては、JPG に切り替えると容量不足が顕在化しやすい。ストレージに余裕があり、「Windows との互換性を毎回気にしたくない」場合に有効な設定だ。",[43,4100],{},[12,4102,4104],{"id":4103},"用途別どの方法を選ぶべきか","用途別・どの方法を選ぶべきか",[193,4106,4107],{"id":4107},"シーン別おすすめ早見表",[52,4109,4110,4123],{},[55,4111,4112],{},[58,4113,4114,4117,4120],{},[61,4115,4116],{},"シーン",[61,4118,4119],{},"おすすめ",[61,4121,4122],{},"理由",[77,4124,4125,4136,4147,4157,4168,4178],{},[58,4126,4127,4130,4133],{},[82,4128,4129],{},"1〜2枚を今すぐ開きたいだけ",[82,4131,4132],{},"方法1（拡張機能）",[82,4134,4135],{},"インストール後は変換不要、一番手間が少ない",[58,4137,4138,4141,4144],{},[82,4139,4140],{},"10枚以上をまとめてJPG化したい",[82,4142,4143],{},"方法2（zerosend）",[82,4145,4146],{},"一括処理・ZIP出力に対応",[58,4148,4149,4152,4154],{},[82,4150,4151],{},"プライバシーが気になる写真を変換",[82,4153,4143],{},[82,4155,4156],{},"ファイルが外部に出ない",[58,4158,4159,4162,4165],{},[82,4160,4161],{},"今後撮る写真を全てJPGにしたい",[82,4163,4164],{},"方法3（iPhone設定）",[82,4166,4167],{},"根本解決、変換作業が不要になる",[58,4169,4170,4173,4175],{},[82,4171,4172],{},"業務で取引先にJPGで納品する",[82,4174,4143],{},[82,4176,4177],{},"確実にJPG化、EXIF削除も可能",[58,4179,4180,4183,4185],{},[82,4181,4182],{},"オフライン環境で作業したい",[82,4184,4143],{},[82,4186,4187],{},"Service Worker キャッシュで動作",[17,4189,4190],{},"方法2と方法3を組み合わせる運用も実用的だ。「過去に撮った大量のHEICはzerorendで一括変換、今後の撮影はJPG設定に変更」という流れで、過去・未来の両方を一度に片付けられる。",[43,4192],{},[12,4194,4196],{"id":4195},"画質exifファイルサイズに関する技術的な補足","画質・EXIF・ファイルサイズに関する技術的な補足",[193,4198,4199],{"id":4199},"画質の劣化はどの程度か",[17,4201,4202],{},"HEIC → JPG の変換は、2段階の非可逆圧縮を経ることになる。完全に劣化ゼロとはならないが、変換品質を適切に設定すれば肉眼での判別は困難なレベルに抑えられる。zerosend は変換品質 92% を採用しており、写真印刷やSNS掲載用途で品質上の問題が生じることはほぼない。ピクセルレベルの精度が求められるプロフェッショナル用途（印刷物の色校正など）では、方法1で元ファイルをそのまま保持することを検討する。",[193,4204,4206],{"id":4205},"exif-データ撮影日時位置情報の扱い","EXIF データ（撮影日時・位置情報）の扱い",[17,4208,4209,4210,4213],{},"iPhone の HEIC ファイルには EXIF メタデータとして撮影日時、GPS座標、カメラモデル名などが含まれている。zerosend は変換時に",[123,4211,4212],{},"EXIF を自動削除","する。これはプライバシー保護の観点から意図的な仕様だ。",[24,4215,4216,4219],{},[27,4217,4218],{},"撮影日時やカメラ情報を残したい場合：方法1の拡張機能で開き、「フォト」アプリから「名前を付けて保存」→JPGを選択する方法が確実",[27,4220,4221],{},"位置情報を含むまま渡したくない場合：zerosend の自動削除が有効に働く",[3964,4223,4224],{},[17,4225,4226,4227,4232],{},"EXIF \u002F IPTC の仕様については ",[185,4228,4231],{"href":4229,"rel":4230},"https:\u002F\u002Fwww.exif.org\u002FExif2-2.PDF",[189],"Exif.org の公式ドキュメント"," を参照。",[193,4234,2322],{"id":2322},[17,4236,4237,4238,4241],{},"HEIC → JPG（品質92%）の変換では、一般的にファイルサイズが",[123,4239,4240],{},"1.3〜1.8倍程度","に増える。これはJPGの圧縮効率がHEICより低いためで、避けられない。特に大量の写真を変換してクラウドストレージに保存する場合は、容量への影響を事前に試算しておくと良い。",[43,4243],{},[12,4245,2538],{"id":2538},[193,4247,4249],{"id":4248},"q1-heic-のまま-windows-のフォトアプリで開く方法はないか","Q1. HEIC のまま Windows の「フォト」アプリで開く方法はないか",[17,4251,4252],{},"Microsoft Store で「HEIF 画像拡張機能」をインストールすれば、フォトアプリで直接開ける（方法1）。変換不要でファイルはそのまま維持できる。ただし他のソフトで編集したい場合は、別途変換が必要になることが多い。",[193,4254,4256],{"id":4255},"q2-複数フォルダにまたがる大量の-heic-を一括変換できるか","Q2. 複数フォルダにまたがる大量の HEIC を一括変換できるか",[17,4258,4259],{},"zerosend はブラウザ上でのドラッグ&ドロップ操作のため、フォルダをまたいだファイルを一度にまとめて選択して変換できる。100枚単位の処理も問題ないが、処理速度はPCのスペック（特にRAM）に依存する。1,000枚単位の大量変換は、ブラウザのメモリ上限に当たる場合があるため、数百枚ごとに分割することを推奨する。",[193,4261,4263],{"id":4262},"q3-android-スマートフォンでも-heic-は発生するか","Q3. Android スマートフォンでも HEIC は発生するか",[17,4265,4266],{},"Apple製品以外でも、一部のAndroidカメラアプリがHEIC撮影に対応しはじめている。ただし現時点では圧倒的にiPhone由来のHEICが多い。Android同士のやり取りでは問題になりにくいが、AndroidからWindowsへの転送時にも同様の問題が起きうる。解決手段は同じ。",[193,4268,4270],{"id":4269},"q4-変換後のjpgをそのままメールやlineで送れるか","Q4. 変換後のJPGをそのままメールやLINEで送れるか",[17,4272,4273],{},"変換後にダウンロードしたJPGファイルは通常のJPGと完全に同じ扱いで使える。メール添付・LINEのファイル送信・Googleフォトへのアップロードなど、JPGが使えるあらゆる場面で問題なく利用できる。",[193,4275,4277],{"id":4276},"q5-zerosend-以外のブラウザ内変換ツールはないか","Q5. zerosend 以外のブラウザ内変換ツールはないか",[17,4279,4280],{},"ブラウザ内完結型（サーバー送信なし）の HEIC変換ツールは現時点では少ない。多くの「無料オンライン変換ツール」はUIこそブラウザだが処理はサーバーサイドで行われる。利用前にプライバシーポリシーとDevToolsのNetworkタブで確認することを推奨する。",[43,4282],{},[12,4284,284],{"id":284},[17,4286,4287],{},"Windows で HEIC を扱う問題は、目的に応じた3つのアプローチで解決できる。",[24,4289,4290,4296,4306],{},[27,4291,4292,4295],{},[123,4293,4294],{},"今すぐ開きたい・インストール許容","：Microsoft Store の HEIF\u002FHEVC 拡張機能",[27,4297,4298,4301,4302,4305],{},[123,4299,4300],{},"JPGに変換して使いたい・プライバシー重視","：",[185,4303,4304],{"href":620},"zerosend の HEIC → JPG 変換","（ブラウザ内処理、サーバー送信ゼロ）",[27,4307,4308,4311],{},[123,4309,4310],{},"今後の手間をなくしたい","：iPhone のカメラ設定を「互換性優先」に変更",[17,4313,4314],{},"家族写真や個人の顔が写り込んだ写真をサーバーに送信する変換サービスを使うことへの違和感は合理的だ。zerosend は heic2any（libheif の WASM ビルド）をブラウザ内で実行することで、ファイルを一切外部に送らずに変換する。初回読み込み後は Service Worker によりオフラインでも動作するため、ネットワーク環境を問わず使える。",[17,4316,4317],{},"具体的な作業が発生したタイミングで、この記事の該当セクションに戻ってくれば手順どおりに進められるはずだ。",{"title":303,"searchDepth":304,"depth":304,"links":4319},[4320,4324,4328,4333,4337,4340,4345,4352],{"id":3696,"depth":304,"text":3697,"children":4321},[4322,4323],{"id":3700,"depth":311,"text":3701},{"id":3720,"depth":311,"text":3721},{"id":3729,"depth":304,"text":3730,"children":4325},[4326,4327],{"id":3736,"depth":311,"text":3737},{"id":3776,"depth":311,"text":3776},{"id":3801,"depth":304,"text":3802,"children":4329},[4330,4331,4332],{"id":3808,"depth":311,"text":3808},{"id":3933,"depth":311,"text":3934},{"id":3953,"depth":311,"text":3954},{"id":4009,"depth":304,"text":4010,"children":4334},[4335,4336],{"id":4016,"depth":311,"text":4017},{"id":4037,"depth":311,"text":4037},{"id":4103,"depth":304,"text":4104,"children":4338},[4339],{"id":4107,"depth":311,"text":4107},{"id":4195,"depth":304,"text":4196,"children":4341},[4342,4343,4344],{"id":4199,"depth":311,"text":4199},{"id":4205,"depth":311,"text":4206},{"id":2322,"depth":311,"text":2322},{"id":2538,"depth":304,"text":2538,"children":4346},[4347,4348,4349,4350,4351],{"id":4248,"depth":311,"text":4249},{"id":4255,"depth":311,"text":4256},{"id":4262,"depth":311,"text":4263},{"id":4269,"depth":311,"text":4270},{"id":4276,"depth":311,"text":4277},{"id":284,"depth":304,"text":284},"HEIC が Windows で開けない原因と、Microsoft Store 拡張機能・ブラウザ内変換・iPhone 設定変更の3手順を図解。プライバシー・速度・画質を軸に用途別おすすめを解説。",{},"\u002Fblog\u002Fheic-to-jpg-windows","2026-04-19",{"title":3679,"description":4353},"heic-to-jpg-windows","blog\u002Fheic-to-jpg-windows",[390,334,1369],"Jlt04GaADo2b5I9NH0fDIKetyQIwBZTuUR3CLn6WdKk",{"id":4363,"title":4364,"author":7,"body":4365,"category":320,"coverImage":321,"description":5129,"draft":323,"extension":324,"locale":325,"meta":5130,"navigation":327,"noindex":323,"path":5131,"publishedAt":4356,"seo":5132,"slug":5133,"stem":5134,"tags":5135,"updatedAt":2158,"__hash__":5136},"blog\u002Fblog\u002Fimage-compress-guide.md","画像圧縮で画質を保つ完全ガイド2026 — 品質85%の黄金点からブラウザ完結処理まで",{"type":9,"value":4366,"toc":5088},[4367,4376,4379,4381,4385,4389,4400,4403,4407,4410,4414,4417,4419,4423,4427,4492,4495,4499,4506,4509,4519,4522,4528,4534,4536,4539,4543,4550,4553,4657,4660,4664,4667,4673,4680,4684,4691,4695,4702,4706,4709,4711,4714,4717,4720,4857,4860,4863,4870,4894,4901,4903,4907,4919,4922,4946,4949,4952,4954,4956,4960,4968,4971,4978,4982,4989,4992,4995,4997,4999,5003,5009,5013,5016,5020,5023,5027,5030,5034,5043,5045,5047,5050,5081],[17,4368,4369,4370,4375],{},"Web ページが重くなる原因の第1位は画像である。Google の ",[185,4371,4374],{"href":4372,"rel":4373},"https:\u002F\u002Falmanac.httparchive.org\u002Fja\u002F2023\u002Fpage-weight",[189],"Web Almanac 2023"," によれば、ページあたりの転送量の中央値の約 50% を画像が占める。表示速度の改善もプライバシーの確保も、圧縮の基礎を正しく理解するところから始まる。",[17,4377,4378],{},"本記事では「どの設定で圧縮するか」「どのフォーマットを選ぶか」「どのツールが安全か」の3点を実証的に整理する。ツール選定は後半で行い、前半は仕組みの解説に徹する。",[43,4380],{},[12,4382,4384],{"id":4383},"なぜ画像圧縮が収益seouxに直結するのか","なぜ画像圧縮が収益・SEO・UXに直結するのか",[193,4386,4388],{"id":4387},"core-web-vitals-と-lcp-の関係","Core Web Vitals と LCP の関係",[17,4390,4391,4392,4395,4396,4399],{},"Google の検索品質アルゴリズムは ",[185,4393,2157],{"href":1648,"rel":4394},[189]," を正式な順位シグナルとして使用している。LCP（Largest Contentful Paint）は「画面内で最大のコンテンツが表示されるまでの時間」を計測し、推奨値は ",[123,4397,4398],{},"2.5秒以内"," だ。",[17,4401,4402],{},"遅延の最大要因は未圧縮の画像である。4K スマホカメラで撮影した JPEG はそのままだと 6〜12 MB になる。モバイル回線（下り実効 10 Mbps 程度）では1枚で転送に 5〜12 秒かかる計算だ。圧縮して 200 KB に抑えると、同じ回線で 0.16 秒に短縮できる。",[193,4404,4406],{"id":4405},"ストレージcdn-コストの累積","ストレージ・CDN コストの累積",[17,4408,4409],{},"画像 1 枚を節約する効果は小さく見えるが、PV が積み上がると転送コストに直接影響する。月 100 万 PV のサイトで 1 枚あたり 1 MB を 200 KB に削減した場合、月間転送量を 800 GB 節約できる計算になる。",[193,4411,4413],{"id":4412},"プライバシーリスクexif-メタデータ","プライバシーリスク：EXIF メタデータ",[17,4415,4416],{},"スマートフォンで撮影した写真には EXIF データが埋め込まれており、撮影日時・GPS 座標・端末機種などが記録されている。企業の社内資料や個人の写真をそのまま Web にアップすると、位置情報が意図せず公開されるリスクがある。圧縮処理の際に EXIF を除去することは、容量削減と同時にプライバシー保護にもなる。",[43,4418],{},[12,4420,4422],{"id":4421},"画像フォーマットの選び方jpgpngwebpavif","画像フォーマットの選び方：JPG・PNG・WebP・AVIF",[193,4424,4426],{"id":4425},"jpg-と-png-の使い分け原則","JPG と PNG の使い分け原則",[52,4428,4429,4444],{},[55,4430,4431],{},[58,4432,4433,4436,4439,4441],{},[61,4434,4435],{},"フォーマット",[61,4437,4438],{},"向いている用途",[61,4440,877],{},[61,4442,4443],{},"透過",[77,4445,4446,4458,4469,4480],{},[58,4447,4448,4451,4454,4456],{},[82,4449,4450],{},"JPG",[82,4452,4453],{},"写真・グラデーション",[82,4455,880],{},[82,4457,428],{},[58,4459,4460,4462,4465,4467],{},[82,4461,867],{},[82,4463,4464],{},"ロゴ・スクリーンショット・透過",[82,4466,883],{},[82,4468,425],{},[58,4470,4471,4473,4476,4478],{},[82,4472,870],{},[82,4474,4475],{},"写真・イラスト両方",[82,4477,886],{},[82,4479,425],{},[58,4481,4482,4484,4487,4490],{},[82,4483,2488],{},[82,4485,4486],{},"写真・高効率配信",[82,4488,4489],{},"非可逆・可逆",[82,4491,425],{},[17,4493,4494],{},"写真を PNG で保存するのは最も多い初歩的ミスで、JPG 比で 5〜10 倍の容量になりやすい。ロゴやテキスト入り画像を JPG にすると、輪郭のギザギザ（JPEG アーティファクト）が発生する。",[193,4496,4498],{"id":4497},"webp-と-avif-の現在地2026年時点","WebP と AVIF の現在地（2026年時点）",[17,4500,4501,4505],{},[185,4502,4504],{"href":1796,"rel":4503},[189],"MDN Web Docs の WebP ブラウザ互換表"," によると、WebP は 2026 年現在で全主要ブラウザの最新版で対応済みである。Edge Legacy など古い環境への対応が必要でなければ、WebP を第一選択肢にして問題ない。",[17,4507,4508],{},"AVIF は JPG より 30〜50% 小さい容量を実現できるが、エンコード処理が重く、古いデバイスでは表示が遅くなる場合がある。対応状況は Chrome・Firefox・Safari で概ね揃っているが、業務用イントラや特定企業環境では注意が必要だ。",[17,4510,4511,4514,4515,4518],{},[228,4512,4513],{},"\u003Cpicture>"," 要素の ",[228,4516,4517],{},"srcset"," を使えば、対応ブラウザには AVIF を、非対応ブラウザには WebP または JPG を自動配信できる。",[193,4520,4521],{"id":4521},"可逆圧縮と非可逆圧縮の選択基準",[17,4523,4524,4527],{},[123,4525,4526],{},"可逆（lossless）"," はファイルを展開すれば元データと完全に一致する。PNG がその代表例で、ロゴや図版など「1 ピクセルも変えたくない」素材に適している。",[17,4529,4530,4533],{},[123,4531,4532],{},"非可逆（lossy）"," は人間の視覚が感知しにくい情報を捨てることで大幅な容量削減を実現する。JPG・WebP lossy・AVIF がこれに当たる。Web 配信用の写真は非可逆で十分だ。",[43,4535],{},[12,4537,4538],{"id":4538},"画質を保ったまま圧縮する5つの実践的コツ",[193,4540,4542],{"id":4541},"コツ1品質-8085-が最適点","コツ1：品質 80〜85% が最適点",[17,4544,4545,4546,4549],{},"JPG の品質設定は 100% である必要はなく、",[123,4547,4548],{},"85% が最適点"," である。視覚的に差がほぼ分からないにもかかわらず、ファイルサイズは 100% 比で約 40% に減少する。",[17,4551,4552],{},"以下は品質設定と容量・画質の関係を示した実測ベースの目安だ。",[52,4554,4555,4571],{},[55,4556,4557],{},[58,4558,4559,4562,4565,4568],{},[61,4560,4561],{},"品質設定",[61,4563,4564],{},"体感画質",[61,4566,4567],{},"元画像比サイズ",[61,4569,4570],{},"推奨用途",[77,4572,4573,4586,4599,4615,4629,4643],{},[58,4574,4575,4578,4581,4583],{},[82,4576,4577],{},"100%",[82,4579,4580],{},"最高",[82,4582,4577],{},[82,4584,4585],{},"原本保存のみ",[58,4587,4588,4591,4593,4596],{},[82,4589,4590],{},"95%",[82,4592,4580],{},[82,4594,4595],{},"約70%",[82,4597,4598],{},"印刷・高品質配信",[58,4600,4601,4604,4607,4610],{},[82,4602,4603],{},"85%",[82,4605,4606],{},"ほぼ最高",[82,4608,4609],{},"約40%",[82,4611,4612],{},[123,4613,4614],{},"Web 配信の黄金点",[58,4616,4617,4620,4623,4626],{},[82,4618,4619],{},"75%",[82,4621,4622],{},"良好",[82,4624,4625],{},"約30%",[82,4627,4628],{},"軽量化優先",[58,4630,4631,4634,4637,4640],{},[82,4632,4633],{},"60%",[82,4635,4636],{},"ノイズが見え始める",[82,4638,4639],{},"約22%",[82,4641,4642],{},"サムネイル等",[58,4644,4645,4648,4651,4654],{},[82,4646,4647],{},"40%",[82,4649,4650],{},"明確に劣化",[82,4652,4653],{},"約15%",[82,4655,4656],{},"非推奨",[17,4658,4659],{},"85% より上は容量削減効率が急落し、75% 以下は輪郭にブロックノイズが発生し始める。この「85% の黄金点」は Google の PageSpeed Insights が推奨する水準とも一致している。",[193,4661,4663],{"id":4662},"コツ2リサイズは圧縮より先に行う","コツ2：リサイズは圧縮より先に行う",[17,4665,4666],{},"「圧縮前にピクセル数を表示サイズに合わせる」は、品質と容量の両立において圧縮設定の調整より効果が大きい。",[17,4668,4669,4670,4672],{},"3,000px 幅の写真を 300px で表示するページに置くと、ダウンロードされるのは 3,000px の高解像度データであり、ブラウザが表示時に縮小するだけだ。無駄な転送が発生している。",[185,4671,1557],{"href":2354}," で先に縮小してから圧縮する手順を徹底すること。",[17,4674,4675,4676,4679],{},"なお、元画像より ",[123,4677,4678],{},"大きく拡大しても画質は上がらない","。補間処理でぼやけるだけで情報量は増えないため、リサイズは縮小方向にのみ使う。",[193,4681,4683],{"id":4682},"コツ3exif-メタデータを除去する","コツ3：EXIF メタデータを除去する",[17,4685,4686,4687,4690],{},"前述のプライバシーリスクに加え、EXIF は数 KB〜数十 KB のオーバーヘッドになる。多くの圧縮ツールは EXIF 除去をオプションとして提供しているが、",[123,4688,4689],{},"デフォルトでオフ"," のものも多い。除去設定を確認してから処理することを習慣にする。",[193,4692,4694],{"id":4693},"コツ4非可逆圧縮を繰り返さない","コツ4：非可逆圧縮を繰り返さない",[17,4696,4697,4698,4701],{},"JPG の非可逆圧縮は「元画像 → 圧縮済み JPG」の処理ごとに画質が劣化する。一度圧縮した JPG を再度読み込んで再圧縮すると、劣化が積み重なる。必ず ",[123,4699,4700],{},"元画像（RAW または高品質 JPG）から 1 回だけ"," 圧縮する運用にする。",[193,4703,4705],{"id":4704},"コツ5重要な画像は目視で差分確認する","コツ5：重要な画像は目視で差分確認する",[17,4707,4708],{},"アイキャッチ・製品写真・プレゼン図版など視覚的品質が重要な画像は、圧縮前後の比較確認を行う。多くのツールは圧縮前後を並べて表示するプレビュー機能を持つ。自動バッチ処理に任せると過剰圧縮が見落とされることがある。",[43,4710],{},[12,4712,4713],{"id":4713},"オンライン画像圧縮ツールの比較",[193,4715,4716],{"id":4716},"主要ツール比較表",[17,4718,4719],{},"以下は 2026 年時点での主要な画像圧縮ツールの比較だ。",[52,4721,4722,4742],{},[55,4723,4724],{},[58,4725,4726,4728,4730,4733,4735,4737,4740],{},[61,4727,1228],{},[61,4729,1234],{},[61,4731,4732],{},"処理方式",[61,4734,1237],{},[61,4736,1907],{},[61,4738,4739],{},"EXIF 除去",[61,4741,1902],{},[77,4743,4744,4769,4786,4806,4824,4840],{},[58,4745,4746,4751,4756,4759,4761,4763,4766],{},[82,4747,4748],{},[123,4749,4750],{},"Zerosend",[82,4752,4753],{},[123,4754,4755],{},"なし（ブラウザ完結）",[82,4757,4758],{},"Web Worker + browser-image-compression",[82,4760,1307],{},[82,4762,104],{},[82,4764,4765],{},"○（デフォルト有効）",[82,4767,4768],{},"○（SW キャッシュ）",[58,4770,4771,4773,4775,4777,4779,4782,4784],{},[82,4772,1986],{},[82,4774,4755],{},[82,4776,1995],{},[82,4778,1307],{},[82,4780,4781],{},"△（1枚ずつ）",[82,4783,104],{},[82,4785,104],{},[58,4787,4788,4791,4794,4796,4799,4802,4804],{},[82,4789,4790],{},"TinyPNG",[82,4792,4793],{},"PNG\u002FJPG をサーバーに送信",[82,4795,1250],{},[82,4797,4798],{},"月20枚",[82,4800,4801],{},"○（API）",[82,4803,3927],{},[82,4805,3874],{},[58,4807,4808,4810,4813,4815,4818,4820,4822],{},[82,4809,1247],{},[82,4811,4812],{},"サーバーに送信",[82,4814,1250],{},[82,4816,4817],{},"日2回",[82,4819,104],{},[82,4821,3927],{},[82,4823,3874],{},[58,4825,4826,4828,4830,4832,4834,4836,4838],{},[82,4827,1263],{},[82,4829,4812],{},[82,4831,1250],{},[82,4833,1270],{},[82,4835,104],{},[82,4837,3927],{},[82,4839,3874],{},[58,4841,4842,4845,4847,4849,4851,4853,4855],{},[82,4843,4844],{},"Adobe Express",[82,4846,4812],{},[82,4848,1250],{},[82,4850,1270],{},[82,4852,3927],{},[82,4854,3927],{},[82,4856,3874],{},[17,4858,4859],{},"TinyPNG や Smallpdf は高品質なサービスだが、ファイルを一度クラウドサーバーに送信する設計であるため、機密性の高い画像（社内資料・個人情報を含む写真など）には適さない。",[193,4861,4862],{"id":4862},"サーバー送信有無を自分で確認する方法",[17,4864,4865,4866,4869],{},"ツールの説明を信頼するだけでなく、",[123,4867,4868],{},"DevTools の Network タブで実際に確認する"," のが確実だ。",[197,4871,4872,4875,4885,4888,4891],{},[27,4873,4874],{},"圧縮ツールのページを開く",[27,4876,4877,4878,4880,4881,4884],{},"ブラウザの DevTools を起動（Windows: ",[228,4879,3987],{},"、Mac: ",[228,4882,4883],{},"Cmd + Option + I","）",[27,4886,4887],{},"「Network」タブを選択し「Preserve log」を有効にする",[27,4889,4890],{},"画像をドラッグ&ドロップして処理を実行する",[27,4892,4893],{},"Network タブの通信ログを確認する",[17,4895,4896,4897,4900],{},"サーバー送信型のツールは、処理時に大きなペイロードを含む POST リクエストが発生する。Zerosend の場合、画像をドロップしても POST リクエストは発生せず、CDN・アナリティクスなどの通常のページリクエストのみが表示される。",[123,4898,4899],{},"アップロード通信ゼロ"," を自分で確認できる。",[43,4902],{},[12,4904,4906],{"id":4905},"zerosend-でブラウザ完結の画像圧縮を行う手順","Zerosend でブラウザ完結の画像圧縮を行う手順",[17,4908,4909,4910,4915,4916,4918],{},"Zerosend の画像圧縮ツールは ",[185,4911,4914],{"href":4912,"rel":4913},"https:\u002F\u002Fgithub.com\u002FDonaldcwl\u002Fbrowser-image-compression",[189],"browser-image-compression"," ライブラリを ",[123,4917,1926],{}," 上で動作させている。Web Worker はメインスレッドとは別のスレッドで処理を実行するブラウザの仕組みであり、処理中でもページの操作が固まらない。圧縮処理はすべてユーザーのブラウザ内で完結し、外部サーバーへの送信は一切発生しない。",[193,4920,4921],{"id":4921},"操作手順",[197,4923,4924,4928,4931,4937,4940,4943],{},[27,4925,4926,3942],{},[185,4927,2326],{"href":2326},[27,4929,4930],{},"JPG \u002F PNG \u002F WebP 形式の画像をドラッグ&ドロップ、または「ファイルを選択」から複数選択する",[27,4932,4933,4934,4884],{},"品質スライダーを調整する（推奨値は ",[123,4935,4936],{},"80〜85",[27,4938,4939],{},"「圧縮する」ボタンをクリックする",[27,4941,4942],{},"圧縮結果のプレビューと圧縮率を確認する",[27,4944,4945],{},"1 枚の場合はそのままダウンロード、複数の場合は ZIP でまとめてダウンロードする",[193,4947,4948],{"id":4948},"オフライン動作について",[17,4950,4951],{},"Zerosend は Service Worker によるキャッシュを実装しており、初回アクセス後はネットワーク接続がなくても動作する。出張先や電波の届かない環境でも、ブラウザを開いていれば画像圧縮を実行できる。",[43,4953],{},[12,4955,2009],{"id":2009},[193,4957,4959],{"id":4958},"透過-png-を-jpg-変換すると白背景になる","透過 PNG を JPG 変換すると白背景になる",[17,4961,4962,4963,2668,4966,4232],{},"JPG フォーマットは透過（アルファチャンネル）をサポートしていない。透過 PNG を JPG 変換すると、透過部分が白で塗りつぶされる。ロゴやアイコンで透過が必要な場合は ",[123,4964,4965],{},"PNG のまま圧縮するか WebP に変換する",[185,4967,978],{"href":977},[193,4969,4970],{"id":4970},"圧縮後に色がくすんで見える",[17,4972,4973,4974,4977],{},"Adobe RGB や Display P3 プロファイルで保存された画像を sRGB 非対応の処理フローに通すと、色空間の変換時に彩度が失われる。Web 配信では ",[123,4975,4976],{},"sRGB に統一"," するのが安全だ。プロファイルが不明な画像は、圧縮後に別のブラウザやデバイスで色味を確認する。",[193,4979,4981],{"id":4980},"sns-投稿は自分での極限圧縮が逆効果になる場合がある","SNS 投稿は自分での極限圧縮が逆効果になる場合がある",[17,4983,4984,4985,4988],{},"Twitter（X）・Instagram・LINE は投稿時に独自アルゴリズムで再圧縮を行う。自分で品質を 40〜50% まで下げた上に SNS 側の再圧縮が重なると、最終的な画質が著しく低下することがある。SNS 向けの画像は ",[123,4986,4987],{},"80〜85% の設定で一度だけ圧縮"," し、プラットフォームの再処理に任せる方が綺麗な結果になりやすい。",[193,4990,4991],{"id":4991},"バッチ処理後に全件確認をしない",[17,4993,4994],{},"一括処理の便利さから、圧縮後の全ファイルを確認しないまま公開するケースがある。異常に小さいファイルサイズになっているものや、極端に品質が下がっているものが混入していることがある。少なくともサムネイル一覧で目視確認する習慣をつける。",[43,4996],{},[12,4998,2050],{"id":2049},[193,5000,5002],{"id":5001},"q1-webp-への変換は必須ですか","Q1. WebP への変換は必須ですか？",[17,5004,5005,5006,5008],{},"必須ではないが、推奨する。同等の画質で JPG より 25〜35% 容量を削減できるケースが多い。ただし古い環境への対応が必要な場合は ",[228,5007,4513],{}," タグでフォールバックを設定する。",[193,5010,5012],{"id":5011},"q2-png-を圧縮しても容量があまり減らないのはなぜですか","Q2. PNG を圧縮しても容量があまり減らないのはなぜですか？",[17,5014,5015],{},"PNG は可逆圧縮であるため、非可逆圧縮の JPG ほど大幅な削減は期待できない。PNG の容量を大きく削減したい場合は、非可逆の WebP への変換を検討する。透過が不要な写真系コンテンツであれば JPG または WebP lossy が最適だ。",[193,5017,5019],{"id":5018},"q3-圧縮ツールに画像をアップロードするとデータは保存されますか","Q3. 圧縮ツールに画像をアップロードするとデータは保存されますか？",[17,5021,5022],{},"サーバー処理型のツール（TinyPNG・Smallpdf 等）は各社のプライバシーポリシーに従って一定期間保存される場合がある。ブラウザ処理型のツール（Zerosend・Squoosh 等）はファイルをサーバーに送信しないため、保存の問題自体が発生しない。",[193,5024,5026],{"id":5025},"q4-圧縮後にファイルが元より大きくなることはありますか","Q4. 圧縮後にファイルが元より大きくなることはありますか？",[17,5028,5029],{},"ある。既に高圧縮済みの JPG をさらに圧縮しようとすると、再エンコードのオーバーヘッドでわずかに大きくなる場合がある。また、小さな PNG を WebP に変換した際に逆に大きくなるケースもある。圧縮後サイズを必ず確認し、大きくなっていた場合は元ファイルを使用する。",[193,5031,5033],{"id":5032},"q5-スマートフォンのカメラ写真に含まれる-gps-情報を削除できますか","Q5. スマートフォンのカメラ写真に含まれる GPS 情報を削除できますか？",[17,5035,5036,5037,5042],{},"EXIF 除去機能を持つ圧縮ツールであれば削除できる。Zerosend の画像圧縮はデフォルトで EXIF を除去する。除去されているかどうかは、処理後のファイルを ",[185,5038,5041],{"href":5039,"rel":5040},"https:\u002F\u002Fexifdata.com\u002F",[189],"Jeffrey's Exif Viewer"," 等のオンラインツールで確認できる。",[43,5044],{},[12,5046,284],{"id":284},[17,5048,5049],{},"画像圧縮の実践的な結論をまとめる。",[24,5051,5052,5058,5063,5069,5075],{},[27,5053,5054,5057],{},[123,5055,5056],{},"フォーマット選択","：写真は JPG または WebP lossy、ロゴ・透過は PNG または WebP lossless",[27,5059,5060,5062],{},[123,5061,4561],{},"：JPG \u002F WebP は 80〜85% を起点に調整する",[27,5064,5065,5068],{},[123,5066,5067],{},"処理順序","：リサイズ（ピクセル数削減）→ 圧縮（品質調整）→ EXIF 除去",[27,5070,5071,5074],{},[123,5072,5073],{},"非可逆圧縮は元画像から1回のみ","：再圧縮による劣化の積み重ねを避ける",[27,5076,5077,5080],{},[123,5078,5079],{},"ツール選定","：機密画像を扱う場合はサーバー送信の有無を DevTools で確認する",[17,5082,5083,5084,5087],{},"機密性の高い画像、個人写真、社内資料の圧縮には、ブラウザ完結処理の ",[185,5085,5086],{"href":2326},"Zerosend 画像圧縮ツール"," が選択肢の一つとなる。処理が完全にローカルで完結するため、送信リスクが構造的にない。品質スライダーと圧縮前後のプレビューで結果を確認しながら、適切な設定を見つけることができる。",{"title":303,"searchDepth":304,"depth":304,"links":5089},[5090,5095,5100,5107,5111,5115,5121,5128],{"id":4383,"depth":304,"text":4384,"children":5091},[5092,5093,5094],{"id":4387,"depth":311,"text":4388},{"id":4405,"depth":311,"text":4406},{"id":4412,"depth":311,"text":4413},{"id":4421,"depth":304,"text":4422,"children":5096},[5097,5098,5099],{"id":4425,"depth":311,"text":4426},{"id":4497,"depth":311,"text":4498},{"id":4521,"depth":311,"text":4521},{"id":4538,"depth":304,"text":4538,"children":5101},[5102,5103,5104,5105,5106],{"id":4541,"depth":311,"text":4542},{"id":4662,"depth":311,"text":4663},{"id":4682,"depth":311,"text":4683},{"id":4693,"depth":311,"text":4694},{"id":4704,"depth":311,"text":4705},{"id":4713,"depth":304,"text":4713,"children":5108},[5109,5110],{"id":4716,"depth":311,"text":4716},{"id":4862,"depth":311,"text":4862},{"id":4905,"depth":304,"text":4906,"children":5112},[5113,5114],{"id":4921,"depth":311,"text":4921},{"id":4948,"depth":311,"text":4948},{"id":2009,"depth":304,"text":2009,"children":5116},[5117,5118,5119,5120],{"id":4958,"depth":311,"text":4959},{"id":4970,"depth":311,"text":4970},{"id":4980,"depth":311,"text":4981},{"id":4991,"depth":311,"text":4991},{"id":2049,"depth":304,"text":2050,"children":5122},[5123,5124,5125,5126,5127],{"id":5001,"depth":311,"text":5002},{"id":5011,"depth":311,"text":5012},{"id":5018,"depth":311,"text":5019},{"id":5025,"depth":311,"text":5026},{"id":5032,"depth":311,"text":5033},{"id":284,"depth":304,"text":284},"画像圧縮で画質を損なわず最大限軽くする方法を解説。品質設定・フォーマット選択・リサイズ順序・サーバー非送信ツールの比較まで実用的な情報を網羅。",{},"\u002Fblog\u002Fimage-compress-guide",{"title":4364,"description":5129},"image-compress-guide","blog\u002Fimage-compress-guide",[334,1099,2157],"NdMNaoponIzt7H_Nhsf12BUmwdeRFRcxjEU5co1oVCo",1782000329660]