[{"data":1,"prerenderedAt":2442},["ShallowReactive",2],{"blog-tag-ja-image":3},[4,232,452,678,895,1096,1305,1531,1809,2148],{"id":5,"title":6,"author":7,"body":8,"category":213,"coverImage":214,"description":215,"draft":216,"extension":217,"locale":218,"meta":219,"navigation":220,"noindex":216,"path":221,"publishedAt":222,"seo":223,"slug":224,"stem":225,"tags":226,"updatedAt":222,"__hash__":231},"blog\u002Fblog\u002Fheic-to-jpg-intro.md","HEIC を JPG に変換する — \u002Ftools\u002Fheic-to-jpg の思想と使い方","Zerosend Editorial",{"type":9,"value":10,"toc":202},"minimark",[11,15,23,28,36,64,67,70,74,77,80,83,106,109,119,139,142,145,151,157,163,169,172],[12,13,14],"p",{},"iPhone で撮影した写真を PC や同僚に送ったら「開けません」と言われた経験、ありますよね。iPhone の標準形式 HEIC (High Efficiency Image Container) は、Apple エコシステム外では互換性が限定的です。Windows 10 以降はアドオンが必要、画像編集ソフトも対応が遅れがちです。",[12,16,17,22],{},[18,19,21],"a",{"href":20},"\u002Ftools\u002Fheic-to-jpg","Zerosend の HEIC → JPG 変換ツール"," は、この問題をブラウザ内で解決します。",[24,25,27],"h2",{"id":26},"heic-とは","HEIC とは",[12,29,30,31,35],{},"HEIC は Apple が iOS 11 から採用した画像フォーマットです。HEVC (H.265) という映像圧縮技術を静止画に応用したもので、同等画質の JPG と比べてファイルサイズを約半分に抑えられます。iPhone のストレージを節約するうえで有効な形式ですが、",[32,33,34],"strong",{},"Apple 外のシステムでは素直に開けない","という問題を持っています。",[37,38,39,46,52,58],"ul",{},[40,41,42,45],"li",{},[32,43,44],{},"Windows PC",": 標準では開けず、Microsoft Store から有償の HEVC コーデックをインストールする必要がある",[40,47,48,51],{},[32,49,50],{},"古い画像編集ソフト",": Photoshop や Lightroom の古いバージョンは非対応",[40,53,54,57],{},[32,55,56],{},"Web サービス",": X (Twitter)・Facebook・note など多くのプラットフォームで HEIC のアップロードが弾かれる",[40,59,60,63],{},[32,61,62],{},"Android",": HEIC をネイティブで扱えない機種が多い",[24,65,66],{"id":66},"変換が必要な主な場面",[12,68,69],{},"Windows の仕事用 PC で iPhone の写真を開きたいとき、ブログや SNS に iPhone 写真を投稿しようとして弾かれたとき、クライアントへ納品する写真素材のファイル形式を統一するとき——いずれも JPG への変換が最短解です。",[24,71,73],{"id":72},"なぜブラウザ内で-heic-を変換するのか","なぜブラウザ内で HEIC を変換するのか",[12,75,76],{},"iPhone で撮った写真は、個人・家族・仕事の私的情景を含みがちです。顔、家の中、位置情報、撮影日時。これらを無料のオンライン変換サービスにアップロードすることは、事実上それらの情報を第三者に預けることを意味します。",[12,78,79],{},"Zerosend は、HEIC のデコードから JPG の書き出しまで、すべてブラウザ内で行います。写真自体が外に出ないため、NDA 下の撮影素材や家族の写真でも安心して使えます。",[24,81,82],{"id":82},"使い方",[84,85,86,94,97,100,103],"ol",{},[40,87,88,93],{},[18,89,90],{"href":20},[91,92,20],"code",{}," を開く",[40,95,96],{},"HEIC \u002F HEIF 形式の画像をドラッグ&ドロップ (複数可)",[40,98,99],{},"品質 (JPG の圧縮率) を選択",[40,101,102],{},"「変換を開始する」をクリック",[40,104,105],{},"結果を ZIP でダウンロード",[24,107,108],{"id":108},"仕組み",[12,110,111,112,115,116,118],{},"HEIC のデコードはブラウザ標準ではまだ実装されていないため、",[91,113,114],{},"heic2any"," ライブラリを読み込んで使っています。",[91,117,114],{}," は libheif を WebAssembly 化したもので、ブラウザ内で HEIC を Blob として展開できます。",[37,120,121,124,129,132],{},[40,122,123],{},"HEIC ファイルを ArrayBuffer として読み込み",[40,125,126,128],{},[91,127,114],{}," で JPEG Blob に変換 (libheif の WASM が実行される)",[40,130,131],{},"必要なら Canvas 経由で品質を再指定",[40,133,134,135,138],{},"元のファイル名を保持したまま ",[91,136,137],{},".jpg"," 拡張子で書き出し",[12,140,141],{},"初回のみ libheif の WASM (約 2MB) をダウンロードするため少し待ち時間がありますが、2 回目以降はキャッシュから即時起動します。",[24,143,144],{"id":144},"よくある質問",[12,146,147,150],{},[32,148,149],{},"Q. HEIC と HEIF の違いは？","\nA. HEIF がコンテナフォーマットの総称で、HEIC はその中で HEVC (H.265) でエンコードされた静止画を指します。本ツールは両方対応しています。",[12,152,153,156],{},[32,154,155],{},"Q. Live Photo はどうなりますか？","\nA. 静止画部分のみが JPG として書き出されます。動画部分は含まれません。動画も抽出したい場合は別途 iPhone 側で「書き出す > 現状のまま」を使ってください。",[12,158,159,162],{},[32,160,161],{},"Q. EXIF (撮影日時・位置情報) は引き継がれますか？","\nA. 一部情報は失われます。位置情報のプライバシー観点ではむしろ利点です。",[12,164,165,168],{},[32,166,167],{},"Q. 複数ファイルまとめて変換できますか？","\nA. はい。ZIP で一括ダウンロードできます。数十枚程度までは快適に処理できます。",[24,170,171],{"id":171},"関連ツール",[37,173,174,181,188,195],{},[40,175,176,180],{},[18,177,179],{"href":178},"\u002Ftools\u002Fimage-compress","画像圧縮"," — JPG 変換後にさらに軽くしたいとき",[40,182,183,187],{},[18,184,186],{"href":185},"\u002Ftools\u002Fimage-resize","画像リサイズ"," — 送信前に寸法も揃える",[40,189,190,194],{},[18,191,193],{"href":192},"\u002Ftools\u002Fimage-convert","画像形式変換"," — JPG \u002F PNG \u002F WebP の相互変換",[40,196,197,201],{},[18,198,200],{"href":199},"\u002Ftools\u002Fimage-to-pdf","画像 → PDF"," — 変換後の JPG をまとめて PDF 化する",{"title":203,"searchDepth":204,"depth":204,"links":205},"",2,[206,207,208,209,210,211,212],{"id":26,"depth":204,"text":27},{"id":66,"depth":204,"text":66},{"id":72,"depth":204,"text":73},{"id":82,"depth":204,"text":82},{"id":108,"depth":204,"text":108},{"id":144,"depth":204,"text":144},{"id":171,"depth":204,"text":171},"tech",null,"iPhone で撮った HEIC 画像を Windows \u002F Android や古いシステムで開けるよう JPG に変換するツール。サーバーに送らずブラウザ内で変換する仕組みと注意点を Zerosend 編集部が解説。",false,"md","ja",{},true,"\u002Fblog\u002Fheic-to-jpg-intro","2026-04-20",{"title":6,"description":215},"heic-to-jpg-intro","blog\u002Fheic-to-jpg-intro",[227,228,229,230],"HEIC","画像","iPhone","ツール","NbDoeVSgFPWUufoUokX_--BrmUj9tyIBQSEzbnQ7-e4",{"id":233,"title":234,"author":7,"body":235,"category":213,"coverImage":214,"description":443,"draft":216,"extension":217,"locale":218,"meta":444,"navigation":220,"noindex":216,"path":445,"publishedAt":222,"seo":446,"slug":447,"stem":448,"tags":449,"updatedAt":222,"__hash__":451},"blog\u002Fblog\u002Fimage-convert-intro.md","画像形式変換をブラウザ内で — \u002Ftools\u002Fimage-convert の思想と使い方",{"type":9,"value":236,"toc":434},[237,240,243,269,275,278,281,284,291,294,296,315,318,344,351,353,360,382,389,391,397,403,409,415,417],[12,238,239],{},"「PNG で貰ったロゴを JPEG にしたい」「iPhone で撮った HEIC を JPG で送りたい」「サイト表示を速くするために WebP に揃えたい」。画像の形式変換は地味ですが発生頻度の高い作業です。",[12,241,242],{},"よくあるユースケースを整理するとこうなります。",[37,244,245,251,257,263],{},[40,246,247,250],{},[32,248,249],{},"Web 担当者",": 納品された PNG 素材を WebP に変換してページ表示を高速化したい",[40,252,253,256],{},[32,254,255],{},"デザイナー",": 透過 PNG のロゴを、背景色固定の JPEG に変換してメール添付したい",[40,258,259,262],{},[32,260,261],{},"一般ユーザー",": Windows で開けない HEIC をとにかく JPG に直したい",[40,264,265,268],{},[32,266,267],{},"開発者",": 複数形式が混在した画像フォルダを WebP に一括統一したい",[12,270,271,274],{},[18,272,273],{"href":192},"Zerosend の画像形式変換ツール"," は、この日常作業をブラウザ内で完結させます。一度も外に出さずに、あなたの端末だけで別形式に書き出します。",[24,276,277],{"id":277},"形式を変換したい主な理由",[12,279,280],{},"画像形式ごとに得意な用途が異なります。目的に合った形式を選ぶだけで、ファイルサイズが 30〜50% 小さくなったり、透過表現が使えるようになったりします。変換そのものを手軽にできる環境があると、素材管理の自由度が大きく上がります。",[24,282,283],{"id":283},"なぜブラウザ内で形式変換するのか",[12,285,286,287,290],{},"画像変換サービスの多くは、アップロード → サーバーで変換 → ダウンロード という流れです。社員写真、契約書のスキャン、製品デザイン案。",[32,288,289],{},"中身を見られたくない画像ほど、オンライン変換ツールに投げづらい","のが現実です。",[12,292,293],{},"Zerosend は、変換処理そのものがブラウザ内で完結するため、機密性の高い素材でもそのまま使えます。DevTools の Network タブを開いたまま変換しても、画像本体がアップロードされていないことを自分で確認できます。",[24,295,82],{"id":82},[84,297,298,304,307,310,312],{},[40,299,300,93],{},[18,301,302],{"href":192},[91,303,192],{},[40,305,306],{},"画像をドラッグ&ドロップ (複数可)",[40,308,309],{},"出力形式 (JPEG \u002F PNG \u002F WebP) と品質を選択",[40,311,102],{},[40,313,314],{},"結果を ZIP でまとめてダウンロード",[24,316,317],{"id":317},"形式の選び方",[37,319,320,326,332,338],{},[40,321,322,325],{},[32,323,324],{},"JPEG",": 写真・背景画像。透過不要。古いブラウザ\u002Fアプリ互換性が最重要なら",[40,327,328,331],{},[32,329,330],{},"PNG",": ロゴ・UI パーツ・透過必要なグラフィック。可逆圧縮",[40,333,334,337],{},[32,335,336],{},"WebP",": 汎用。JPEG より 25〜35% 小さくなり、透過も扱える。モダン用途の標準",[40,339,340,343],{},[32,341,342],{},"AVIF",": 更に小さいが生成コストが高く、ブラウザ対応がまだ揃いきらない",[12,345,346,347,350],{},"ブログや EC で表示速度を気にするなら ",[32,348,349],{},"WebP 一択","と言って差し支えありません。",[24,352,108],{"id":108},[12,354,355,356,359],{},"Canvas API の ",[91,357,358],{},"canvas.toBlob(callback, 'image\u002Fwebp', quality)"," を使って変換しています。ブラウザ標準のエンコーダなので、外部ライブラリ依存もありません。",[37,361,362,369,376],{},[40,363,364,365,368],{},"入力画像を ",[91,366,367],{},"\u003Cimg>"," として読み込み",[40,370,371,372,375],{},"同寸の ",[91,373,374],{},"\u003Ccanvas>"," に描画",[40,377,378,381],{},[91,379,380],{},"toBlob"," で出力形式と品質を指定して書き出し",[12,383,384,385,388],{},"HEIC 入力のみ別ツール (",[18,386,387],{"href":20},"HEIC → JPG",") に振り分けています。HEIC デコーダがブラウザ標準にまだ入っていないため、別ライブラリを読み込む必要があるためです。",[24,390,144],{"id":144},[12,392,393,396],{},[32,394,395],{},"Q. WebP に変換するメリットは？","\nA. 同じ視覚品質で JPEG より 25〜35% 小さくなります。透過も扱えるため PNG の代替にもなり、モダンブラウザはすべて対応済みです。ブログや EC では積極的に使う価値があります。",[12,398,399,402],{},[32,400,401],{},"Q. 透過 PNG を JPEG にしたらどうなる？","\nA. 透過部分は白で塗られます。意図しない結果になりやすいので注意してください。透過を維持したい場合は WebP か PNG のままにしてください。",[12,404,405,408],{},[32,406,407],{},"Q. 元のメタデータ (EXIF) は引き継がれる？","\nA. 落ちます。位置情報漏れの予防としてはむしろ利点です。",[12,410,411,414],{},[32,412,413],{},"Q. バッチ処理の上限は？","\nA. 端末のメモリ次第ですが、実用上は 100 枚前後までを推奨します。",[24,416,171],{"id":171},[37,418,419,424,429],{},[40,420,421,423],{},[18,422,179],{"href":178}," — 品質指定で再エンコードしてサイズ削減",[40,425,426,428],{},[18,427,186],{"href":185}," — 形式変換と同時に寸法も揃えたいときは先にこちら",[40,430,431,433],{},[18,432,387],{"href":20}," — iPhone 写真専用の変換",{"title":203,"searchDepth":204,"depth":204,"links":435},[436,437,438,439,440,441,442],{"id":277,"depth":204,"text":277},{"id":283,"depth":204,"text":283},{"id":82,"depth":204,"text":82},{"id":317,"depth":204,"text":317},{"id":108,"depth":204,"text":108},{"id":144,"depth":204,"text":144},{"id":171,"depth":204,"text":171},"Zerosend の画像形式変換ツールは、JPEG \u002F PNG \u002F WebP \u002F AVIF をサーバーに送らず相互変換します。用途別の形式選び、透過・圧縮率の違いを Zerosend 編集部が整理します。",{},"\u002Fblog\u002Fimage-convert-intro",{"title":234,"description":443},"image-convert-intro","blog\u002Fimage-convert-intro",[228,450,336,230],"変換","xN0-q4ewAvDZNl6TjIn0v_ArxA8uRFuMBmge7YzSp3k",{"id":453,"title":454,"author":7,"body":455,"category":213,"coverImage":214,"description":669,"draft":216,"extension":217,"locale":218,"meta":670,"navigation":220,"noindex":216,"path":671,"publishedAt":222,"seo":672,"slug":673,"stem":674,"tags":675,"updatedAt":222,"__hash__":677},"blog\u002Fblog\u002Fimage-edit-intro.md","画像の切り抜き・回転・反転をブラウザ内で — \u002Ftools\u002Fimage-edit の思想と使い方",{"type":9,"value":456,"toc":661},[457,460,467,470,508,511,514,521,524,526,563,565,601,604,606,612,622,628,634,640,642],[12,458,459],{},"SNS アイコンの正方形切り出し、履歴書の証明写真の比率合わせ、商品画像の回転、スキャン画像の左右反転。Photoshop を開くほどでもないのに地味に面倒な作業ですよね。",[12,461,462,466],{},[18,463,465],{"href":464},"\u002Ftools\u002Fimage-edit","Zerosend の画像編集ツール"," は、この 3 操作を 1 画面に集約してブラウザ内で完結させます。",[24,468,469],{"id":469},"こんな場面で使える",[37,471,472,478,484,490,496,502],{},[40,473,474,477],{},[32,475,476],{},"SNS アイコン・プロフィール画像",": Instagram や Twitter は正方形が基本。1:1 プリセットでワンクリック切り抜き",[40,479,480,483],{},[32,481,482],{},"証明写真のトリミング",": 就活・パスポート申請用に 3:4 比率で切り抜き。顔が含まれるデータをサーバーに送りたくないときに特に有効",[40,485,486,489],{},[32,487,488],{},"スキャン画像の向き修正",": スキャナが横向きで読み込んだ場合、90° 回転で即座に修正",[40,491,492,495],{},[32,493,494],{},"商品画像の整形",": EC サイト用に余白をカットして正方形化",[40,497,498,501],{},[32,499,500],{},"鏡像反転",": 文字が逆に写り込んだ画像を水平反転で修正",[40,503,504,507],{},[32,505,506],{},"ブログ・資料のサムネイル",": 16:9 プリセットで統一感のある横長画像を作成",[24,509,510],{"id":510},"なぜブラウザ内で編集するのか",[12,512,513],{},"トリミングは個人情報と密接です。証明写真を切り出すなら顔、名刺をスキャンするなら氏名・連絡先、社内資料の一部を切り出すなら機密情報が含まれます。",[12,515,516,517,520],{},"これらを「画像を切り抜くだけ」のオンラインツールにアップロードすると、切り抜き前の原版が相手のサーバーに残る可能性があります。オンラインツールはビジネスモデル上、アップロード済みのファイルをログ・解析・AI 学習に回しても契約上問題にならないケースが多く、",[32,518,519],{},"利用者側からはその境界が見えません","。",[12,522,523],{},"Zerosend は編集処理そのものをローカルで行うことで、この不透明性を取り除きます。",[24,525,82],{"id":82},[84,527,528,534,537,560],{},[40,529,530,93],{},[18,531,532],{"href":464},[91,533,464],{},[40,535,536],{},"画像をドラッグ&ドロップ",[40,538,539,540],{},"3 つの操作から選ぶ:\n",[37,541,542,548,554],{},[40,543,544,547],{},[32,545,546],{},"切り抜き",": 矩形を選択範囲として指定",[40,549,550,553],{},[32,551,552],{},"回転",": 90° \u002F 180° \u002F 270° の 3 ステップ",[40,555,556,559],{},[32,557,558],{},"反転",": 水平 \u002F 垂直",[40,561,562],{},"プレビューで結果を確認してダウンロード",[24,564,108],{"id":108},[37,566,567,579,588],{},[40,568,569,571,572,574,575,578],{},[32,570,546],{},": 選択した矩形の寸法の ",[91,573,374],{}," を作り、",[91,576,577],{},"drawImage"," で元画像の該当領域を切り出し",[40,580,581,583,584,587],{},[32,582,552],{},": 回転行列を ",[91,585,586],{},"ctx.transform"," で適用してから描画",[40,589,590,592,593,596,597,600],{},[32,591,558],{},": ",[91,594,595],{},"ctx.scale(-1, 1)"," で水平、",[91,598,599],{},"ctx.scale(1, -1)"," で垂直",[12,602,603],{},"いずれも Canvas API の基本操作の組み合わせで、追加ライブラリは使っていません。処理は数十ミリ秒で完了します。",[24,605,144],{"id":144},[12,607,608,611],{},[32,609,610],{},"Q. 元の画像ファイルは変更されますか？","\nA. いいえ。処理はブラウザのメモリ上で行われ、ダウンロードするまで何も書き変わりません。元ファイルはそのまま手元に残ります。",[12,613,614,617,618,621],{},[32,615,616],{},"Q. 対応している画像形式は？","\nA. JPEG・PNG・WebP・GIF (静止画) に対応しています。HEIC 形式の場合は先に ",[18,619,620],{"href":20},"HEIC → JPG 変換"," を使ってから編集してください。",[12,623,624,627],{},[32,625,626],{},"Q. 比率指定 (1:1, 4:3, 16:9) で切り抜けますか？","\nA. はい。プリセットボタンで一発切り替えできます。SNS アイコンは 1:1、YouTube サムネは 16:9 など。",[12,629,630,633],{},[32,631,632],{},"Q. 複数画像をまとめて同じ比率で切り抜けますか？","\nA. 現状は 1 枚ずつです。バッチ処理は要望を見ながら検討します。",[12,635,636,639],{},[32,637,638],{},"Q. 編集後に再度編集したい場合は？","\nA. ダウンロードしたファイルを再度ドロップすれば、何度でも編集できます。",[24,641,171],{"id":171},[37,643,644,649,654],{},[40,645,646,648],{},[18,647,186],{"href":185}," — 切り抜き後に寸法を揃えたいとき",[40,650,651,653],{},[18,652,179],{"href":178}," — 編集後の軽量化",[40,655,656,660],{},[18,657,659],{"href":658},"\u002Ftools\u002Fimage-merge","画像結合"," — 複数画像を 1 枚にまとめたいとき",{"title":203,"searchDepth":204,"depth":204,"links":662},[663,664,665,666,667,668],{"id":469,"depth":204,"text":469},{"id":510,"depth":204,"text":510},{"id":82,"depth":204,"text":82},{"id":108,"depth":204,"text":108},{"id":144,"depth":204,"text":144},{"id":171,"depth":204,"text":171},"Zerosend の画像編集ツールは、切り抜き・回転・反転をサーバーに送らず端末内で処理します。証明写真・SNS アイコン・商品画像のトリミングで使える基本操作を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-edit-intro",{"title":454,"description":669},"image-edit-intro","blog\u002Fimage-edit-intro",[228,676,230],"編集","RrpC6EauzaWkAgWFfR06-Hve3OSQ4XqwZn5wmKjcYTw",{"id":679,"title":680,"author":7,"body":681,"category":213,"coverImage":214,"description":886,"draft":216,"extension":217,"locale":218,"meta":887,"navigation":220,"noindex":216,"path":888,"publishedAt":222,"seo":889,"slug":890,"stem":891,"tags":892,"updatedAt":222,"__hash__":894},"blog\u002Fblog\u002Fimage-merge-intro.md","複数画像を 1 枚にまとめる — \u002Ftools\u002Fimage-merge の思想と使い方",{"type":9,"value":682,"toc":877},[683,686,692,695,702,705,707,730,732,758,761,765,785,791,794,820,822,831,837,846,852,858,860],[12,684,685],{},"スマホのスクリーンショットを複数枚まとめて 1 枚の縦長画像にしたい。商品のビフォーアフター画像を横並びで 1 枚にしたい。操作マニュアルの手順画像を縦に並べて 1 ファイルにまとめたい。比較画像や before\u002Fafter の資料作りで、画像を並べたいシーンは日常的に発生します。",[12,687,688,691],{},[18,689,690],{"href":658},"Zerosend の画像結合ツール"," は、こうした「複数画像を 1 枚にまとめる」需要をブラウザ内で完結させます。",[24,693,694],{"id":694},"なぜブラウザ内で結合するのか",[12,696,697,698,701],{},"結合対象の画像には、アプリの画面キャプチャ、社内ドキュメントのスクショ、顧客の LINE 履歴など機密性の高いものが混ざりがちです。",[32,699,700],{},"結合対象を全部まとめてサーバーに上げる","ということは、それだけの量の機密情報を一度に外に出すことと同じです。",[12,703,704],{},"Zerosend は結合処理そのものがローカルで動くため、何枚投入しても 1 枚のファイルも外に出ません。",[24,706,82],{"id":82},[84,708,709,715,718,721,724,727],{},[40,710,711,93],{},[18,712,713],{"href":658},[91,714,658],{},[40,716,717],{},"画像を複数枚ドラッグ&ドロップ",[40,719,720],{},"結合方向を選ぶ (縦に連結 \u002F 横に連結 \u002F グリッド)",[40,722,723],{},"順序が違う場合はドラッグで並べ替え",[40,725,726],{},"「結合を開始する」をクリック",[40,728,729],{},"1 枚の画像としてダウンロード",[24,731,108],{"id":108},[37,733,734,737,743,749,752],{},[40,735,736],{},"各入力画像の寸法を計測",[40,738,739,740,742],{},"結合後の ",[91,741,374],{}," サイズを計算 (縦連結なら幅は最大・高さは合計)",[40,744,745,746,748],{},"画像を順に ",[91,747,577],{}," で配置",[40,750,751],{},"幅\u002F高さが揃わない場合は縦横比を保って自動センタリング",[40,753,754,757],{},[91,755,756],{},"canvas.toBlob()"," で PNG \u002F JPEG として書き出し",[12,759,760],{},"全処理は Canvas API の組み合わせで完結します。100 枚程度の結合まで現実的です。",[24,762,764],{"id":763},"縦結合横結合の使い分け","縦結合・横結合の使い分け",[37,766,767,773,779],{},[40,768,769,772],{},[32,770,771],{},"縦に連結",": スマホのスクロールスクリーンショットをつなぐ、手順説明の連番画像をまとめる",[40,774,775,778],{},[32,776,777],{},"横に連結",": ビフォー\u002Fアフターを並べる、比較検討資料を 1 枚にする",[40,780,781,784],{},[32,782,783],{},"グリッド",": 複数カットを整然と並べて SNS 投稿やカタログ素材にする",[12,786,787,788,790],{},"サイズが異なる画像は、余白を自動で埋めて揃えます。事前に ",[18,789,186],{"href":185}," で寸法を統一しておくと、余白なしにきれいに仕上がります。",[24,792,793],{"id":793},"使いどころ",[37,795,796,802,808,814],{},[40,797,798,801],{},[32,799,800],{},"スクショ集約",": アプリのフロー解説で、複数画面を 1 枚にまとめて Slack に貼る",[40,803,804,807],{},[32,805,806],{},"比較画像",": ビフォー\u002Fアフターを横並びで 1 枚に",[40,809,810,813],{},[32,811,812],{},"SNS 投稿",": Instagram の 1 枚投稿でも複数カットを見せる",[40,815,816,819],{},[32,817,818],{},"申請書類",": 表紙と本文を 1 画像にまとめて提出",[24,821,144],{"id":144},[12,823,824,827,828,830],{},[32,825,826],{},"Q. 結合後のファイルサイズはどのくらいになりますか？","\nA. 入力枚数と解像度に比例して大きくなります。多数枚を結合した場合は ",[18,829,179],{"href":178}," で軽量化するのがおすすめです。",[12,832,833,836],{},[32,834,835],{},"Q. 何枚まで結合できますか？","\nA. ツールに上限は設けていませんが、ブラウザのメモリに依存します。100 枚程度までは現実的に動作します。",[12,838,839,842,843,845],{},[32,840,841],{},"Q. 画像サイズが違うものを結合するとどうなる？","\nA. 縦連結では幅を最大に合わせ、余白部分は透明 (PNG) または白 (JPEG) になります。事前に ",[18,844,186],{"href":185}," で揃えておくときれいに仕上がります。",[12,847,848,851],{},[32,849,850],{},"Q. 間に余白を入れられる？","\nA. はい。境界の色と幅を指定できます。",[12,853,854,857],{},[32,855,856],{},"Q. グリッドの行数・列数は指定できる？","\nA. はい。例えば 4 枚を 2×2 のグリッドに配置できます。",[24,859,171],{"id":171},[37,861,862,867,872],{},[40,863,864,866],{},[18,865,186],{"href":185}," — 結合前にサイズを揃える",[40,868,869,871],{},[18,870,179],{"href":178}," — 結合後の巨大ファイルを軽くする",[40,873,874,876],{},[18,875,200],{"href":199}," — 結合の代わりに PDF 1 枚にまとめる選択肢も",{"title":203,"searchDepth":204,"depth":204,"links":878},[879,880,881,882,883,884,885],{"id":694,"depth":204,"text":694},{"id":82,"depth":204,"text":82},{"id":108,"depth":204,"text":108},{"id":763,"depth":204,"text":764},{"id":793,"depth":204,"text":793},{"id":144,"depth":204,"text":144},{"id":171,"depth":204,"text":171},"Zerosend の画像結合ツールは、複数の画像をサーバーに送らずブラウザ内で縦\u002F横に連結します。比較画像・ビフォーアフター・スマホのスクリーンショット集約に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-merge-intro",{"title":680,"description":886},"image-merge-intro","blog\u002Fimage-merge-intro",[228,893,230],"結合","BdOzeJZQnsoFfwi5pz3V87puNcR5EgH2JaJgn9GjCok",{"id":896,"title":897,"author":7,"body":898,"category":213,"coverImage":214,"description":1087,"draft":216,"extension":217,"locale":218,"meta":1088,"navigation":220,"noindex":216,"path":1089,"publishedAt":222,"seo":1090,"slug":1091,"stem":1092,"tags":1093,"updatedAt":222,"__hash__":1095},"blog\u002Fblog\u002Fimage-resize-intro.md","画像リサイズをブラウザ内で — \u002Ftools\u002Fimage-resize の思想と使い方",{"type":9,"value":899,"toc":1076},[900,903,909,912,918,925,927,946,950,988,990,996,1021,1024,1027,1030,1032,1038,1044,1050,1056,1058],[12,901,902],{},"SNS に投稿したい、社内 Wiki に貼りたい、EC サイトの商品画像に使いたい、メールに添付したい。用途ごとに必要な画像サイズは違います。スマホで撮った 4000×3000 ピクセルの写真をそのままアップすると、受け側サーバーで勝手に縮小されたり、表示が重くなったりします。",[12,904,905,908],{},[18,906,907],{"href":185},"Zerosend の画像リサイズツール"," は、この「用途に合う寸法に先に揃えておきたい」需要をブラウザ内で完結させます。",[24,910,911],{"id":911},"なぜブラウザ内でリサイズするのか",[12,913,914,915,520],{},"画像は、送信前に必要な解像度まで落としておくのが基本です。受け側サーバーの自動縮小に任せると、圧縮アルゴリズムを自分で選べず、結果も見えません。何より、",[32,916,917],{},"元の高解像度がサーバー側に残ります",[12,919,920,921,924],{},"顔写真、社員証、内装写真、診断書のスキャン。個人情報が含まれる画像を、ブラウザの「縮小してアップロード」機能付きサービスに投げることは、結果的に",[32,922,923],{},"原寸画像をそのままアップロードしている","のと同じです。Zerosend では、リサイズ処理そのものをあなたの端末で行うことで、アップロードする画像が本当に縮小済みであることを保証します。",[24,926,82],{"id":82},[84,928,929,935,938,941,944],{},[40,930,931,93],{},[18,932,933],{"href":185},[91,934,185],{},[40,936,937],{},"画像をドラッグ&ドロップ (複数ファイル対応)",[40,939,940],{},"目標サイズを指定 — 「幅」「高さ」「長辺」「短辺」のいずれかを固定",[40,942,943],{},"「リサイズを開始する」をクリック",[40,945,314],{},[947,948,949],"h3",{"id":949},"用途別の推奨サイズ",[37,951,952,958,964,970,976,982],{},[40,953,954,957],{},[32,955,956],{},"X \u002F Twitter",": 長辺 1600px",[40,959,960,963],{},[32,961,962],{},"Instagram",": 正方形 1080px",[40,965,966,969],{},[32,967,968],{},"LinkedIn \u002F Facebook",": 長辺 1200px",[40,971,972,975],{},[32,973,974],{},"ブログ本文",": 幅 800〜1200px",[40,977,978,981],{},[32,979,980],{},"メールの添付",": 長辺 1024px 程度 (画質維持しつつ 500KB 以下に収まりやすい)",[40,983,984,987],{},[32,985,986],{},"ECサイトのサムネ",": 幅 400〜600px",[24,989,108],{"id":108},[12,991,992,993,995],{},"画像リサイズは、Canvas API の ",[91,994,577],{}," を使ったブラウザ標準のバイキュービック補間で行っています。外部ライブラリの呼び出しも、サーバーへの問い合わせもありません。",[37,997,998,1004,1010,1016],{},[40,999,1000,1001,1003],{},"画像を ",[91,1002,367],{}," 要素として読み込む",[40,1005,1006,1007,1009],{},"目標サイズの ",[91,1008,374],{}," を作成",[40,1011,1012,1015],{},[91,1013,1014],{},"ctx.drawImage(img, 0, 0, targetW, targetH)"," で描画",[40,1017,1018,1020],{},[91,1019,756],{}," で出力形式 (JPEG \u002F PNG \u002F WebP) を指定して Blob に",[12,1022,1023],{},"一括処理は Promise.all ではなく順次実行しているため、数十枚でもメモリを圧迫しません。",[24,1025,1026],{"id":1026},"縦横比の維持について",[12,1028,1029],{},"リサイズで気をつけるべき最大のポイントは「アスペクト比の崩れ」です。幅だけを変えて高さはそのままにすると、人物が横に伸びたり商品が歪んだりします。本ツールでは既定で縦横比を維持するため、「幅を指定する」だけで高さは自動計算されます。強制的にトリミングするモードも選べるので、SNS の正方形サムネイルを作る際にも対応できます。",[24,1031,144],{"id":144},[12,1033,1034,1037],{},[32,1035,1036],{},"Q. 縦横比は保持されますか？","\nA. 既定で保持されます。「幅を合わせる」を選べば高さは自動で計算されます。",[12,1039,1040,1043],{},[32,1041,1042],{},"Q. EXIF (撮影情報) は？","\nA. リサイズ時に落ちます。プライバシー保護の観点ではむしろ利点です。",[12,1045,1046,1049],{},[32,1047,1048],{},"Q. 拡大もできますか？","\nA. できますが推奨しません。拡大は情報を増やせないため、AI 超解像を使わない限り画質は改善しません。",[12,1051,1052,1055],{},[32,1053,1054],{},"Q. 複数ファイルを一括処理できますか？","\nA. はい。ドラッグ&ドロップで複数ファイルを投入すると、同じ設定で一括リサイズして ZIP でまとめてダウンロードできます。",[24,1057,171],{"id":171},[37,1059,1060,1065,1070],{},[40,1061,1062,1064],{},[18,1063,179],{"href":178}," — リサイズ後にさらに軽くしたいときに",[40,1066,1067,1069],{},[18,1068,193],{"href":192}," — WebP \u002F JPEG \u002F PNG の変換",[40,1071,1072,1075],{},[18,1073,1074],{"href":464},"画像編集"," — 切り抜き・回転・反転",{"title":203,"searchDepth":204,"depth":204,"links":1077},[1078,1079,1083,1084,1085,1086],{"id":911,"depth":204,"text":911},{"id":82,"depth":204,"text":82,"children":1080},[1081],{"id":949,"depth":1082,"text":949},3,{"id":108,"depth":204,"text":108},{"id":1026,"depth":204,"text":1026},{"id":144,"depth":204,"text":144},{"id":171,"depth":204,"text":171},"Zerosend の画像リサイズツールは、画像をサーバーに送らず端末内で寸法変更します。用途別の推奨サイズ、一括処理、品質を落とさないリサイズのコツを Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-resize-intro",{"title":897,"description":1087},"image-resize-intro","blog\u002Fimage-resize-intro",[228,1094,230],"リサイズ","_Uhop01N2UVvIiAaq5jlsmlRm_wNoZwYVJzFkekar6Y",{"id":1097,"title":1098,"author":7,"body":1099,"category":213,"coverImage":214,"description":1296,"draft":216,"extension":217,"locale":218,"meta":1297,"navigation":220,"noindex":216,"path":1298,"publishedAt":222,"seo":1299,"slug":1300,"stem":1301,"tags":1302,"updatedAt":222,"__hash__":1304},"blog\u002Fblog\u002Fimage-to-pdf-intro.md","画像を 1 つの PDF にまとめる — \u002Ftools\u002Fimage-to-pdf の思想と使い方",{"type":9,"value":1100,"toc":1288},[1101,1104,1110,1113,1139,1142,1145,1152,1159,1161,1184,1186,1192,1223,1226,1228,1234,1243,1249,1258,1260],[12,1102,1103],{},"スマホで撮ったレシート 10 枚を経費精算で PDF にまとめる、スキャンした書類 15 枚を 1 つの PDF にまとめて申請する、商品写真を PDF カタログにする。「画像 → PDF」の変換は、個人から業務まで頻繁に発生する作業です。",[12,1105,1106,1109],{},[18,1107,1108],{"href":199},"Zerosend の画像 → PDF 変換ツール"," は、この作業をブラウザ内で完結させます。",[24,1111,1112],{"id":1112},"主なユースケース",[37,1114,1115,1121,1127,1133],{},[40,1116,1117,1120],{},[32,1118,1119],{},"写真をポートフォリオ PDF に",": デザイナーや写真家が作品画像を選択して 1 ファイルにまとめ、クライアントへの提案や審査用に配布する",[40,1122,1123,1126],{},[32,1124,1125],{},"スキャン画像を 1 ファイルに集約",": 複数ページにわたる契約書・申請書をスキャンした画像を 1 つの PDF にまとめて提出する",[40,1128,1129,1132],{},[32,1130,1131],{},"レシート・領収書の経費精算",": スマホで撮影したレシートをまとめて月次経費書類として提出する",[40,1134,1135,1138],{},[32,1136,1137],{},"複数画像を順番管理して配布",": ドラッグ&ドロップで並び順を調整しながら、説明資料やマニュアルを PDF にまとめる",[12,1140,1141],{},"複数の画像ファイルを 1 回の操作で 1 つの PDF に変換できるため、枚数が多いほど手作業との差が際立ちます。",[24,1143,1144],{"id":1144},"なぜブラウザ内で変換するのか",[12,1146,1147,1148,1151],{},"画像 → PDF 変換の入力は、写真・スキャン・スクリーンショットです。つまり",[32,1149,1150],{},"画像 1 枚ずつが個別の機密情報","を持ちます。レシートなら店名・金額・日時・クレカ下 4 桁、スキャン書類なら本文全体、スクショなら画面に写っているすべて。",[12,1153,1154,1155,1158],{},"それらをまとめてオンライン PDF 化サービスに投げるのは、",[32,1156,1157],{},"機密情報セットをまとめて外に出す","ことに他なりません。Zerosend ではローカルで PDF 組み立てまで行うため、アップロードは発生しません。",[24,1160,82],{"id":82},[84,1162,1163,1169,1172,1175,1178,1181],{},[40,1164,1165,93],{},[18,1166,1167],{"href":199},[91,1168,199],{},[40,1170,1171],{},"画像を複数枚ドラッグ&ドロップ (JPEG \u002F PNG \u002F WebP)",[40,1173,1174],{},"ページサイズ (A4 \u002F レター \u002F 画像原寸) と向きを選ぶ",[40,1176,1177],{},"並び順をドラッグで調整",[40,1179,1180],{},"「PDF 化を開始する」をクリック",[40,1182,1183],{},"1 つの PDF ファイルとしてダウンロード",[24,1185,108],{"id":108},[12,1187,1188,1191],{},[91,1189,1190],{},"pdf-lib"," を使って PDF を組み立てています。",[37,1193,1194,1197,1203,1214,1217],{},[40,1195,1196],{},"各画像を ArrayBuffer で読み込み",[40,1198,1199,1202],{},[91,1200,1201],{},"PDFDocument.create()"," で新規ドキュメントを作成",[40,1204,1205,1206,1209,1210,1213],{},"ページごとに ",[91,1207,1208],{},"pdfDoc.embedJpg()"," または ",[91,1211,1212],{},"embedPng()"," で画像を埋め込み",[40,1215,1216],{},"ページサイズに合わせて自動で縮小・センタリング",[40,1218,1219,1222],{},[91,1220,1221],{},".save()"," で最終的な PDF バイト列に",[12,1224,1225],{},"画像のサイズ指定は縦横比を保持したまま、指定ページサイズに収まるよう計算されます。",[24,1227,144],{"id":144},[12,1229,1230,1233],{},[32,1231,1232],{},"Q. 画像の順序は変えられますか？","\nA. はい。追加した順に並びますが、ドラッグで並べ替えできます。",[12,1235,1236,1239,1240,1242],{},[32,1237,1238],{},"Q. 画像の向き (縦\u002F横) を個別に変えられますか？","\nA. ページ単位の向きは全体で統一されます。個別に回転したい場合は ",[18,1241,1074],{"href":464}," で先に回転してから PDF 化してください。",[12,1244,1245,1248],{},[32,1246,1247],{},"Q. OCR (文字認識) はかかる？","\nA. かかりません。画像はそのまま PDF に埋め込まれます。検索可能 PDF にしたい場合は別途 OCR ツールを通してください (プライバシー観点では、OCR もローカルで完結するツールを選ぶべきです)。",[12,1250,1251,1254,1255,1257],{},[32,1252,1253],{},"Q. 圧縮は？","\nA. 元画像がそのまま埋め込まれるため、PDF が大きくなりがちです。事前に ",[18,1256,179],{"href":178}," してから投入すると、最終 PDF が軽くなります。",[24,1259,171],{"id":171},[37,1261,1262,1267,1274,1281],{},[40,1263,1264,1266],{},[18,1265,179],{"href":178}," — PDF 化前に画像を軽くする",[40,1268,1269,1273],{},[18,1270,1272],{"href":1271},"\u002Ftools\u002Fpdf-compress","PDF 圧縮"," — 生成した PDF をさらに軽くする",[40,1275,1276,1280],{},[18,1277,1279],{"href":1278},"\u002Ftools\u002Fpdf-merge","PDF 結合"," — 既存 PDF と結合する",[40,1282,1283,1287],{},[18,1284,1286],{"href":1285},"\u002Ftools\u002Fpdf-to-image","PDF → 画像"," — 逆変換",{"title":203,"searchDepth":204,"depth":204,"links":1289},[1290,1291,1292,1293,1294,1295],{"id":1112,"depth":204,"text":1112},{"id":1144,"depth":204,"text":1144},{"id":82,"depth":204,"text":82},{"id":108,"depth":204,"text":108},{"id":144,"depth":204,"text":144},{"id":171,"depth":204,"text":171},"Zerosend の画像 → PDF 変換ツールは、複数画像をサーバーに送らず 1 つの PDF にまとめます。スキャン画像の PDF 化・レシートまとめ・申請書類の体裁整え。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-to-pdf-intro",{"title":1098,"description":1296},"image-to-pdf-intro","blog\u002Fimage-to-pdf-intro",[1303,228,450,230],"PDF","W4LB1AnTY2syLdRrdjvKSLPfsnRiA8kspm8q42K-X9g",{"id":1306,"title":1307,"author":7,"body":1308,"category":213,"coverImage":214,"description":1523,"draft":216,"extension":217,"locale":218,"meta":1524,"navigation":220,"noindex":216,"path":1525,"publishedAt":222,"seo":1526,"slug":1527,"stem":1528,"tags":1529,"updatedAt":222,"__hash__":1530},"blog\u002Fblog\u002Fpdf-to-image-intro.md","PDF を画像に変換する — \u002Ftools\u002Fpdf-to-image の思想と使い方",{"type":9,"value":1309,"toc":1513},[1310,1313,1318,1321,1347,1349,1356,1359,1361,1380,1383,1403,1405,1411,1440,1443,1445,1456,1462,1468,1477,1489,1491],[12,1311,1312],{},"プレゼン資料の 1 ページだけスクリーンショット的に使いたい、PDF の一部を SNS 投稿したい、PDF を見れない環境向けに画像で送りたい。「PDF → 画像」の変換は地味に需要があります。",[12,1314,1315,1109],{},[18,1316,1317],{"href":1285},"Zerosend の PDF → 画像変換ツール",[24,1319,1320],{"id":1320},"どんな場面で役立つか",[37,1322,1323,1329,1335,1341],{},[40,1324,1325,1328],{},[32,1326,1327],{},"SNS・ブログへの資料引用",": 講演スライドや報告書の特定ページを画像として切り出し、X や Instagram にそのまま投稿できます",[40,1330,1331,1334],{},[32,1332,1333],{},"サムネイル作成",": PDF ドキュメントの表紙ページを高解像度 PNG に変換し、ウェブサイトのカバー画像として使えます",[40,1336,1337,1340],{},[32,1338,1339],{},"PDF 非対応の環境に送る",": チャットツールや古い CMS が PDF に対応していなくても、画像なら貼れます",[40,1342,1343,1346],{},[32,1344,1345],{},"PDF の内容をすばやく確認・共有",": 受け取った PDF の一部だけを画像にして、コメント付きで関係者に送る用途にも便利です",[24,1348,1144],{"id":1144},[12,1350,1351,1352,1355],{},"PDF から画像を切り出したい場面は、社内資料・顧客提案書・設計図・契約書スナップショットなど、機密度が高いケースが多いものです。「PDF の特定ページを画像にしたいだけ」とオンラインツールに上げるときも、",[32,1353,1354],{},"アップロードされるのは PDF の全ページ","です。",[12,1357,1358],{},"Zerosend は変換処理をローカルで行うため、そもそも PDF が外に出ません。",[24,1360,82],{"id":82},[84,1362,1363,1369,1372,1375,1377],{},[40,1364,1365,93],{},[18,1366,1367],{"href":1285},[91,1368,1285],{},[40,1370,1371],{},"PDF をドラッグ&ドロップ",[40,1373,1374],{},"出力形式 (PNG \u002F JPEG) と解像度を選ぶ",[40,1376,102],{},[40,1378,1379],{},"全ページの画像が ZIP で生成される",[947,1381,1382],{"id":1382},"解像度の目安",[37,1384,1385,1391,1397],{},[40,1386,1387,1390],{},[32,1388,1389],{},"72 DPI",": ウェブ掲載・SNS 投稿用。画質より軽さ優先",[40,1392,1393,1396],{},[32,1394,1395],{},"150 DPI",": 画面で読む標準品質",[40,1398,1399,1402],{},[32,1400,1401],{},"300 DPI",": 印刷品質。資料の細部が重要なとき",[24,1404,108],{"id":108},[12,1406,1407,1410],{},[91,1408,1409],{},"pdfjs-dist"," を使って各ページを Canvas に描画し、Canvas から画像として書き出しています。",[37,1412,1413,1416,1422,1432,1437],{},[40,1414,1415],{},"PDF を ArrayBuffer として読み込み",[40,1417,1418,1421],{},[91,1419,1420],{},"getDocument()"," で解析",[40,1423,1205,1424,1427,1428,1431],{},[91,1425,1426],{},"getPage(n)"," → ",[91,1429,1430],{},"render(ctx, viewport)"," で Canvas に描画",[40,1433,1434,1436],{},[91,1435,756],{}," で PNG \u002F JPEG 化",[40,1438,1439],{},"全ページを ZIP にまとめてダウンロード",[12,1441,1442],{},"ブラウザの描画エンジンをそのまま使うため、フォント埋め込み・ベクタ図・透過要素も正確に再現されます。",[24,1444,144],{"id":144},[12,1446,1447,1450,1451,1455],{},[32,1448,1449],{},"Q. 特定のページだけ変換できますか？","\nA. 現状は全ページが対象です。特定ページだけなら ",[18,1452,1454],{"href":1453},"\u002Ftools\u002Fpdf-split","PDF 分割"," で該当ページだけ抽出してから変換するのが確実です。",[12,1457,1458,1461],{},[32,1459,1460],{},"Q. 透過背景の PDF を変換するとどうなる？","\nA. PNG を選べば透過が保持されます。JPEG は透過非対応のため白背景になります。",[12,1463,1464,1467],{},[32,1465,1466],{},"Q. 画像の品質をもっと上げたい","\nA. 解像度を 300 DPI にすると大きく改善します。ファイルサイズとメモリ消費も大きくなります。",[12,1469,1470,1473,1474,1476],{},[32,1471,1472],{},"Q. 全ページを 1 枚にまとめたい","\nA. 本ツールは 1 ページ 1 ファイルです。まとめたい場合はダウンロード後 ",[18,1475,659],{"href":658}," で結合してください。",[12,1478,1479,1482,1483,1485,1486,1488],{},[32,1480,1481],{},"Q. PNG と JPEG どちらを選ぶべきか？","\nA. テキストや図表が多い資料は ",[32,1484,330],{}," が高品質です。写真が多いページや SNS 投稿用に軽さを優先するなら ",[32,1487,324],{}," が適しています。",[24,1490,171],{"id":171},[37,1492,1493,1498,1503,1508],{},[40,1494,1495,1497],{},[18,1496,1454],{"href":1453}," — 変換前に必要なページだけ抽出",[40,1499,1500,1502],{},[18,1501,1272],{"href":1271}," — 先に PDF を軽くしてから変換すると出力もコンパクトに",[40,1504,1505,1507],{},[18,1506,179],{"href":178}," — 変換後の画像サイズをさらに削減",[40,1509,1510,1512],{},[18,1511,659],{"href":658}," — 変換した複数ページを 1 枚にまとめる",{"title":203,"searchDepth":204,"depth":204,"links":1514},[1515,1516,1517,1520,1521,1522],{"id":1320,"depth":204,"text":1320},{"id":1144,"depth":204,"text":1144},{"id":82,"depth":204,"text":82,"children":1518},[1519],{"id":1382,"depth":1082,"text":1382},{"id":108,"depth":204,"text":108},{"id":144,"depth":204,"text":144},{"id":171,"depth":204,"text":171},"Zerosend の PDF → 画像変換ツールは、PDF の各ページをサーバーに送らずブラウザ内で PNG \u002F JPEG に書き出します。資料の一部だけ共有したいときに便利。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-to-image-intro",{"title":1307,"description":1523},"pdf-to-image-intro","blog\u002Fpdf-to-image-intro",[1303,228,450,230],"71aq4s1WD6fPtxZpe1EQB5VFETOk05HeofsZ6n-nTXM",{"id":1532,"title":1533,"author":7,"body":1534,"category":213,"coverImage":214,"description":1799,"draft":216,"extension":217,"locale":218,"meta":1800,"navigation":220,"noindex":216,"path":1801,"publishedAt":1802,"seo":1803,"slug":1804,"stem":1805,"tags":1806,"updatedAt":1802,"__hash__":1808},"blog\u002Fblog\u002Fheic-to-jpg-windows.md","Windows で HEIC を JPG に変換する 3 つの方法 — 無料・オンライン・アップロード不要",{"type":9,"value":1535,"toc":1775},[1536,1543,1547,1551,1558,1562,1565,1569,1572,1575,1589,1592,1604,1608,1613,1616,1633,1637,1644,1647,1651,1654,1658,1666,1673,1677,1735,1737,1740,1743,1747,1754,1758,1761,1764],[12,1537,1538,1539,1542],{},"iPhone から送られてきた写真 (",[91,1540,1541],{},".HEIC"," 形式) を Windows で開こうとして「このファイルを開けません」のダイアログで止まった経験がある人向け。3 つの解決方法を比較します。",[24,1544,1546],{"id":1545},"heic-とは何か-30-秒解説","HEIC とは何か (30 秒解説)",[947,1548,1550],{"id":1549},"apple-が推進する高圧縮画像フォーマット","Apple が推進する高圧縮画像フォーマット",[12,1552,1553,1554,1557],{},"HEIC (High Efficiency Image Container) は、iPhone 7 以降のデフォルト撮影形式です。JPG と比べて",[32,1555,1556],{},"同じ画質で約半分のファイルサイズ","を実現します。写真のストレージ節約目的で採用されています。",[947,1559,1561],{"id":1560},"windows-が標準対応していない理由","Windows が標準対応していない理由",[12,1563,1564],{},"HEIC の特許関係で、Windows には標準でコーデックが入っていません。対応するには拡張機能の追加 or 変換が必要です。",[24,1566,1568],{"id":1567},"方法-1-microsoft-store-の-heifhevc-拡張機能","方法 1: Microsoft Store の HEIF\u002FHEVC 拡張機能",[12,1570,1571],{},"Windows 10\u002F11 で HEIC を「フォト」アプリで直接開けるようにする方法。",[947,1573,1574],{"id":1574},"手順",[84,1576,1577,1580,1583,1586],{},[40,1578,1579],{},"Microsoft Store を開く",[40,1581,1582],{},"「HEIF 画像拡張機能」を検索してインストール (無料)",[40,1584,1585],{},"「HEVC ビデオ拡張機能」もインストール (有料の場合あり、~120 円程度)",[40,1587,1588],{},"再起動不要、すぐに HEIC が開けるようになる",[947,1590,1591],{"id":1591},"注意点",[37,1593,1594,1597],{},[40,1595,1596],{},"HEVC の方は Microsoft Store のポリシー次第で有料化されている期間があります",[40,1598,1599,1600,1603],{},"拡張機能を入れても、",[32,1601,1602],{},"Windows 標準のフォトビューアー","以外では開けないツールがあります (サードパーティ画像編集ソフト等)",[24,1605,1607],{"id":1606},"方法-2-zerosend-でブラウザ内変換-推奨","方法 2: Zerosend でブラウザ内変換 (推奨)",[12,1609,1610,1612],{},[18,1611,20],{"href":20}," は、ブラウザだけで HEIC → JPG 変換を行うツールです。",[947,1614,1574],{"id":1615},"手順-1",[84,1617,1618,1624,1627,1630],{},[40,1619,1620,1623],{},[18,1621,1622],{"href":20},"Zerosend HEIC → JPG"," にアクセス",[40,1625,1626],{},"HEIC ファイルをドラッグ&ドロップ (複数可)",[40,1628,1629],{},"「変換する」ボタン",[40,1631,1632],{},"JPG をダウンロード",[947,1634,1636],{"id":1635},"iphone-から送った写真が外に出ないメリット","iPhone から送った写真が外に出ないメリット",[12,1638,1639,1640,1643],{},"HEIC は iPhone の撮影形式、つまり",[32,1641,1642],{},"個人の写真","です。家族のプライベート写真や顔写真が写り込んだ業務資料を、一度クラウド SaaS にアップロードして変換させるのは気持ちの良い行為ではありません。",[12,1645,1646],{},"Zerosend はブラウザ内で完結するため、写真が外部に送られません。DevTools の Network タブで確認できます。",[24,1648,1650],{"id":1649},"方法-3-iphone-側で互換性優先に変更","方法 3: iPhone 側で「互換性優先」に変更",[12,1652,1653],{},"そもそも HEIC ではなく JPG で撮影する設定に変える方法。",[947,1655,1657],{"id":1656},"手順-ios","手順 (iOS)",[84,1659,1660,1663],{},[40,1661,1662],{},"設定 → カメラ → フォーマット",[40,1664,1665],{},"「高効率」→「互換性優先」に変更",[12,1667,1668,1669,1672],{},"これで以降の撮影は JPG になります。ただし",[32,1670,1671],{},"容量は 1.5〜2 倍","に増えるので、iPhone のストレージとの兼ね合いで判断してください。",[24,1674,1676],{"id":1675},"どの方法が良いか-用途別まとめ","どの方法が良いか (用途別まとめ)",[1678,1679,1680,1693],"table",{},[1681,1682,1683],"thead",{},[1684,1685,1686,1690],"tr",{},[1687,1688,1689],"th",{},"シーン",[1687,1691,1692],{},"おすすめ",[1694,1695,1696,1705,1713,1721,1728],"tbody",{},[1684,1697,1698,1702],{},[1699,1700,1701],"td",{},"1〜2 枚を今だけ開きたい",[1699,1703,1704],{},"方法 1 (拡張機能)",[1684,1706,1707,1710],{},[1699,1708,1709],{},"まとめて JPG 化したい (複数枚)",[1699,1711,1712],{},"方法 2 (Zerosend)",[1684,1714,1715,1718],{},[1699,1716,1717],{},"今後撮る写真は Windows で扱いやすくしたい",[1699,1719,1720],{},"方法 3 (iPhone 設定)",[1684,1722,1723,1726],{},[1699,1724,1725],{},"プライバシーに気を配りたい",[1699,1727,1712],{},[1684,1729,1730,1733],{},[1699,1731,1732],{},"業務で他社に JPG で渡したい",[1699,1734,1712],{},[24,1736,144],{"id":144},[947,1738,1739],{"id":1739},"画質は劣化するか",[12,1741,1742],{},"HEIC → JPG の変換は非可逆同士の変換なので、わずかに劣化します。Zerosend は変換品質を 92% に設定しており、肉眼での判別は困難なレベルです。",[947,1744,1746],{"id":1745},"exif-撮影日時位置情報-は残るか","EXIF (撮影日時・位置情報) は残るか",[12,1748,1749,1750,1753],{},"iPhone の HEIC に含まれる EXIF は、変換時に基本的に引き継がれます。ただし Zerosend は",[32,1751,1752],{},"プライバシー配慮で EXIF を自動削除","します。撮影日時を残したい場合は、方法 1 (拡張機能で開くだけ) を選ぶか、別ツールで明示的に保持してください。",[947,1755,1757],{"id":1756},"連写した大量の-heic-も一括変換できるか","連写した大量の HEIC も一括変換できるか",[12,1759,1760],{},"Zerosend は複数ファイルの一括変換に対応しており、結果は ZIP でまとめてダウンロードできます。100 枚単位の処理も問題ありません (ブラウザのメモリ次第)。",[24,1762,1763],{"id":1763},"まとめ",[12,1765,1766,1767,1770,1771,1774],{},"HEIC が開けないという問題は、拡張機能・オンライン変換・撮影設定変更の 3 通りで解決できます。",[32,1768,1769],{},"一度にたくさん + プライバシー重視","なら、ブラウザ内で完結する ",[18,1772,1773],{"href":20},"Zerosend の HEIC → JPG 変換"," が一番実用的です。",{"title":203,"searchDepth":204,"depth":204,"links":1776},[1777,1781,1785,1789,1792,1793,1798],{"id":1545,"depth":204,"text":1546,"children":1778},[1779,1780],{"id":1549,"depth":1082,"text":1550},{"id":1560,"depth":1082,"text":1561},{"id":1567,"depth":204,"text":1568,"children":1782},[1783,1784],{"id":1574,"depth":1082,"text":1574},{"id":1591,"depth":1082,"text":1591},{"id":1606,"depth":204,"text":1607,"children":1786},[1787,1788],{"id":1615,"depth":1082,"text":1574},{"id":1635,"depth":1082,"text":1636},{"id":1649,"depth":204,"text":1650,"children":1790},[1791],{"id":1656,"depth":1082,"text":1657},{"id":1675,"depth":204,"text":1676},{"id":144,"depth":204,"text":144,"children":1794},[1795,1796,1797],{"id":1739,"depth":1082,"text":1739},{"id":1745,"depth":1082,"text":1746},{"id":1756,"depth":1082,"text":1757},{"id":1763,"depth":204,"text":1763},"iPhone の HEIC 写真が Windows で開けない時の解決策を 3 通り解説。Microsoft Store 拡張機能、ブラウザ内変換 (Zerosend)、iPhone の設定変更を比較し、用途別のおすすめを紹介します。",{},"\u002Fblog\u002Fheic-to-jpg-windows","2026-04-19",{"title":1533,"description":1799},"heic-to-jpg-windows","blog\u002Fheic-to-jpg-windows",[227,228,1807],"Windows","980U9DKFglaadPkZ3zjYq5jDasjMkJdPDF9-XLyb51g",{"id":1810,"title":1811,"author":7,"body":1812,"category":213,"coverImage":214,"description":2138,"draft":216,"extension":217,"locale":218,"meta":2139,"navigation":220,"noindex":216,"path":2140,"publishedAt":1802,"seo":2141,"slug":2142,"stem":2143,"tags":2144,"updatedAt":1802,"__hash__":2147},"blog\u002Fblog\u002Fimage-compress-guide.md","オンライン画像圧縮 完全ガイド 2026 — 画質を落とさず最大限軽くする方法",{"type":9,"value":1813,"toc":2106},[1814,1821,1824,1828,1835,1839,1842,1845,1849,1862,1865,1869,1876,1887,1891,1905,1912,1916,1920,1927,1931,1938,1942,1953,1957,1964,1968,1975,1978,1982,1985,2000,2003,2010,2013,2016,2020,2038,2041,2045,2063,2066,2070,2077,2080,2087,2091,2098,2100],[12,1815,1816,1817,1820],{},"Web サイトに画像を載せるとき、「軽くしたいけど画質は落としたくない」という悩みは共通です。本記事では、画像圧縮の基本と実用的なコツ、そしてファイルをサーバーに預けずに処理できる ",[18,1818,1819],{"href":178},"Zerosend の画像圧縮ツール"," の使い方を整理します。",[24,1822,1823],{"id":1823},"なぜ画像圧縮が必要か",[947,1825,1827],{"id":1826},"表示速度と-seo-core-web-vitals","表示速度と SEO (Core Web Vitals)",[12,1829,1830,1831,1834],{},"Google の Core Web Vitals では、ページ内の最大コンテンツの表示時間 (LCP) を評価軸にしています。LCP の遅延原因の多くは",[32,1832,1833],{},"巨大な画像","です。未圧縮の写真を 1 枚置くだけで、モバイル回線ではページ全体の表示が数秒遅れます。検索順位にも影響します。",[947,1836,1838],{"id":1837},"サーバー費用ストレージ節約","サーバー費用・ストレージ節約",[12,1840,1841],{},"画像 1 枚あたり数 MB を 100 枚置けば数 GB。配信帯域・ストレージ・CDN 費用は使い手がその画像を見る回数だけ上乗せで発生します。初期の圧縮コストをサボるほど、後でお金と速度の両方で払うことになります。",[24,1843,1844],{"id":1844},"主要な画像フォーマットと圧縮方式",[947,1846,1848],{"id":1847},"jpg-と-png-の使い分け","JPG と PNG の使い分け",[37,1850,1851,1857],{},[40,1852,1853,1856],{},[32,1854,1855],{},"JPG",": 写真向け。非可逆圧縮 (情報を捨てて軽くする)。透過不可。",[40,1858,1859,1861],{},[32,1860,330],{},": ロゴ・スクリーンショット・透過が必要な画像向け。可逆圧縮。",[12,1863,1864],{},"写真を PNG で保存すると JPG の 5〜10 倍の容量になります。まずこの判断を間違えないこと。",[947,1866,1868],{"id":1867},"webp-avif-の現在地","WebP \u002F AVIF の現在地",[12,1870,1871,1872,1875],{},"2026 年時点では ",[32,1873,1874],{},"WebP は実質全ブラウザで使えます","。AVIF も主要ブラウザが対応済みで、JPG の 2〜3 割小さい容量を実現できます。",[12,1877,1878,1879,1882,1883,1886],{},"互換性が不安なら、WebP を第一選択にしつつ、フォールバックで JPG \u002F PNG を用意するのが安全です。",[91,1880,1881],{},"\u003Cpicture>"," タグの ",[91,1884,1885],{},"srcset"," で自動切替できます。",[947,1888,1890],{"id":1889},"可逆圧縮-vs-非可逆圧縮","可逆圧縮 vs 非可逆圧縮",[37,1892,1893,1899],{},[40,1894,1895,1898],{},[32,1896,1897],{},"可逆 (lossless)",": ファイルを小さくするが画質は 1 ピクセルも失わない。PNG \u002F WebP lossless \u002F AVIF lossless。",[40,1900,1901,1904],{},[32,1902,1903],{},"非可逆 (lossy)",": 人間の目に目立ちにくい情報を捨てて大幅に軽くする。JPG \u002F WebP lossy \u002F AVIF。",[12,1906,1907,1908,1911],{},"Web 配信用は",[32,1909,1910],{},"基本的に非可逆で十分","。ロゴやイラストのような「元画像が重要」なものだけ可逆を選びます。",[24,1913,1915],{"id":1914},"画質を落とさず圧縮する-5-つのコツ","画質を落とさず圧縮する 5 つのコツ",[947,1917,1919],{"id":1918},"_1-品質-8085-の黄金点","1. 品質 80〜85 % の黄金点",[12,1921,1922,1923,1926],{},"JPG の品質設定は 100% ではなく ",[32,1924,1925],{},"85% がベスト","です。体感の画質差はほぼ分かりませんが、ファイルサイズは 100% の約 40% まで落ちます。70% まで下げると輪郭にノイズが出始めるので、そこが下限の目安です。",[947,1928,1930],{"id":1929},"_2-不要なメタデータを削る","2. 不要なメタデータを削る",[12,1932,1933,1934,1937],{},"スマホで撮った写真には EXIF (撮影日時・GPS 位置情報・カメラ機種) が埋め込まれています。サイズ的にわずか数十 KB ですが、",[32,1935,1936],{},"プライバシー面でも削るべき","です。Zerosend の画像圧縮は保存時に EXIF を自動で除去します。",[947,1939,1941],{"id":1940},"_3-画像サイズを先にリサイズ","3. 画像サイズを先にリサイズ",[12,1943,1944,1945,1948,1949,1952],{},"圧縮前に画像サイズ (ピクセル) を表示サイズに合わせることが、品質と容量を両立する最強の施策です。300px で表示する画像を 3000px のまま圧縮しても、帯域の無駄でしかありません。",[18,1946,1947],{"href":185},"画像リサイズツール"," で",[32,1950,1951],{},"先に縮めてから","圧縮してください。",[947,1954,1956],{"id":1955},"_4-複数ツールを重ねがけしない","4. 複数ツールを重ねがけしない",[12,1958,1959,1960,1963],{},"非可逆圧縮は毎回わずかに画質が落ちます。「JPG を圧縮 → またアップ → また圧縮」を繰り返すと、ジワジワ劣化が積み重なります。元画像から ",[32,1961,1962],{},"1 回だけ"," 圧縮する運用にしましょう。",[947,1965,1967],{"id":1966},"_5-重要な画像だけ手動で確認","5. 重要な画像だけ手動で確認",[12,1969,1970,1971,1974],{},"自動処理で全部済ませてよい画像と、見出し画像やアイキャッチのように",[32,1972,1973],{},"手動で結果を確認すべき画像","を分けます。後者は品質 85% に加えて、元画像とのスライダー比較を挟むと事故を防げます。",[24,1976,1977],{"id":1977},"オンライン画像圧縮ツールの選び方",[947,1979,1981],{"id":1980},"アップロードされるされないを見分ける","アップロードされる\u002Fされないを見分ける",[12,1983,1984],{},"「オンラインで無料で使える」と謳うツールの多くは、一度ファイルをサーバーに送って処理しています。画像のロゴや社内資料では、これが問題になる場面があります。",[12,1986,1987,1988,1991,1992,1995,1996,1999],{},"見分け方はシンプルです。ブラウザの ",[32,1989,1990],{},"DevTools を開き Network タブを表示","してからツールを使ってみてください。アップロード時に大きなデータを伴う POST リクエストが出ていれば、そのツールは送信型です。",[18,1993,1994],{"href":178},"Zerosend の画像圧縮"," はこの検証で",[32,1997,1998],{},"送信ゼロ","が確認できます。",[947,2001,2002],{"id":2002},"画質コントロールの柔軟性",[12,2004,2005,2006,2009],{},"品質スライダーがあるか、形式を選べるか、出力プレビューがあるかは必ずチェックしましょう。プリセット一択のツールは",[32,2007,2008],{},"過剰圧縮","に陥りがちです。",[947,2011,2012],{"id":2012},"バッチ処理に対応しているか",[12,2014,2015],{},"1 枚ずつでは時間がかかる業務向けに、複数ファイルの一括処理 + ZIP ダウンロードに対応したツールを選びます。",[24,2017,2019],{"id":2018},"zerosend-でブラウザ内完結の画像圧縮をする手順","Zerosend でブラウザ内完結の画像圧縮をする手順",[84,2021,2022,2026,2029,2032,2035],{},[40,2023,2024,1623],{},[18,2025,178],{"href":178},[40,2027,2028],{},"画像をドラッグ&ドロップ (JPG \u002F PNG \u002F WebP、複数可)",[40,2030,2031],{},"品質スライダーを調整 (推奨は 80)",[40,2033,2034],{},"「圧縮する」ボタン",[40,2036,2037],{},"1 枚ならそのまま、複数なら ZIP でダウンロード",[12,2039,2040],{},"すべての処理がブラウザ内で完結するので、機密画像も安心して扱えます。",[947,2042,2044],{"id":2043},"devtools-の-network-タブで検証する方法","DevTools の Network タブで検証する方法",[84,2046,2047,2050,2053,2056],{},[40,2048,2049],{},"圧縮する前に DevTools を開く (右クリック → 検証)",[40,2051,2052],{},"Network タブに切り替え、「Preserve log」をオンに",[40,2054,2055],{},"画像をドラッグ&ドロップして処理を走らせる",[40,2057,2058,2059,2062],{},"表示される通信が CDN \u002F GA \u002F AdSense だけで、",[32,2060,2061],{},"画像自体を POST している通信がない"," ことを確認",[24,2064,2065],{"id":2065},"よくある落とし穴",[947,2067,2069],{"id":2068},"透過-png-が白背景になる","透過 PNG が白背景になる",[12,2071,2072,2073,2076],{},"JPG は透過を扱えません。PNG の透過画像を「形式変換: JPG」で処理すると、透過部分が白で埋まります。透過を保ちたい場合は PNG のまま \u002F WebP に変換してください。",[18,2074,2075],{"href":192},"画像形式変換ツール"," を参照。",[947,2078,2079],{"id":2079},"圧縮後に色がくすむ",[12,2081,2082,2083,2086],{},"sRGB 以外のプロファイル (Adobe RGB \u002F Display P3) で保存された画像は、非対応ブラウザで色がくすんで見えることがあります。Web 配信は ",[32,2084,2085],{},"sRGB に統一","するのが無難です。",[947,2088,2090],{"id":2089},"sns-側で再圧縮される","SNS 側で再圧縮される",[12,2092,2093,2094,2097],{},"Twitter \u002F Instagram \u002F LINE では、投稿された画像がプラットフォーム側でさらに圧縮されます。自分で極限まで圧縮するよりも、",[32,2095,2096],{},"そこそこで止めて SNS の再圧縮に任せる","方が綺麗に見えるケースもあります。",[24,2099,1763],{"id":1763},[12,2101,2102,2103,520],{},"画像圧縮は「JPG 品質 85% を目安に、先にリサイズ、メタデータは削る」の 3 原則で大半がうまくいきます。Zerosend の画像圧縮は、この原則をブラウザ内で実現します。機密画像でも気兼ねなく使えるので、",[18,2104,2105],{"href":178},"試してみてください",{"title":203,"searchDepth":204,"depth":204,"links":2107},[2108,2112,2117,2124,2129,2132,2137],{"id":1823,"depth":204,"text":1823,"children":2109},[2110,2111],{"id":1826,"depth":1082,"text":1827},{"id":1837,"depth":1082,"text":1838},{"id":1844,"depth":204,"text":1844,"children":2113},[2114,2115,2116],{"id":1847,"depth":1082,"text":1848},{"id":1867,"depth":1082,"text":1868},{"id":1889,"depth":1082,"text":1890},{"id":1914,"depth":204,"text":1915,"children":2118},[2119,2120,2121,2122,2123],{"id":1918,"depth":1082,"text":1919},{"id":1929,"depth":1082,"text":1930},{"id":1940,"depth":1082,"text":1941},{"id":1955,"depth":1082,"text":1956},{"id":1966,"depth":1082,"text":1967},{"id":1977,"depth":204,"text":1977,"children":2125},[2126,2127,2128],{"id":1980,"depth":1082,"text":1981},{"id":2002,"depth":1082,"text":2002},{"id":2012,"depth":1082,"text":2012},{"id":2018,"depth":204,"text":2019,"children":2130},[2131],{"id":2043,"depth":1082,"text":2044},{"id":2065,"depth":204,"text":2065,"children":2133},[2134,2135,2136],{"id":2068,"depth":1082,"text":2069},{"id":2079,"depth":1082,"text":2079},{"id":2089,"depth":1082,"text":2090},{"id":1763,"depth":204,"text":1763},"画像圧縮で画質を落とさず最大限軽くするための実用テクと、ファイルをサーバーに送らずブラウザだけで圧縮する方法を解説。品質 85% の黄金点・フォーマット選び・リサイズとの順序まで。",{},"\u002Fblog\u002Fimage-compress-guide",{"title":1811,"description":2138},"image-compress-guide","blog\u002Fimage-compress-guide",[228,2145,2146],"SEO","Core Web Vitals","Ey8g1pEDQwSyU-EUzZGf5O3w7cY2ZPIiGZ56wTtCHfw",{"id":2149,"title":2150,"author":7,"body":2151,"category":213,"coverImage":214,"description":2433,"draft":216,"extension":217,"locale":218,"meta":2434,"navigation":220,"noindex":216,"path":2435,"publishedAt":1802,"seo":2436,"slug":2437,"stem":2438,"tags":2439,"updatedAt":1802,"__hash__":2441},"blog\u002Fblog\u002Fimage-compress-quality-tips.md","画像圧縮で画質を落とさない 7 つの設定 — 実際の数値とサンプル付き",{"type":9,"value":2152,"toc":2421},[2153,2156,2160,2171,2174,2178,2181,2263,2269,2273,2293,2299,2303,2306,2314,2323,2327,2334,2338,2341,2353,2357,2364,2368,2371,2377,2381,2386,2400,2403,2405,2415],[12,2154,2155],{},"「画像を軽くしたいけど、ぼやけるのは困る」。この矛盾を解消するための実用的な設定を 7 つ紹介します。実際の数値と判断基準まで踏み込んで解説するので、今日からすぐ使えます。",[24,2157,2159],{"id":2158},"画質を落とさないの本当の意味","「画質を落とさない」の本当の意味",[12,2161,2162,2163,2166,2167,2170],{},"人間の目は",[32,2164,2165],{},"圧縮によるロス","を必ずしも認識しません。たとえば JPG の品質 85% と 100% は、肉眼で区別できないケースが大多数です。それでも「画質を落とさない」と言うとき、多くの人は ",[32,2168,2169],{},"「ぼやけない」「色が変わらない」「輪郭がギザギザにならない」"," を同時に満たす状態を望んでいます。",[12,2172,2173],{},"設定次第で、この 3 つを保ったまま容量を 40〜60% 削減できます。",[24,2175,2177],{"id":2176},"設定-1-jpg-品質は-85-を目安に","設定 1: JPG 品質は 85% を目安に",[12,2179,2180],{},"JPG の品質スライダーは 0〜100 の範囲。",[1678,2182,2183,2196],{},[1681,2184,2185],{},[1684,2186,2187,2190,2193],{},[1687,2188,2189],{},"品質",[1687,2191,2192],{},"体感画質",[1687,2194,2195],{},"容量目安 (元比)",[1694,2197,2198,2209,2219,2230,2241,2252],{},[1684,2199,2200,2203,2206],{},[1699,2201,2202],{},"100",[1699,2204,2205],{},"最高",[1699,2207,2208],{},"100%",[1684,2210,2211,2214,2216],{},[1699,2212,2213],{},"95",[1699,2215,2205],{},[1699,2217,2218],{},"70%",[1684,2220,2221,2224,2227],{},[1699,2222,2223],{},"85",[1699,2225,2226],{},"ほぼ最高",[1699,2228,2229],{},"40%",[1684,2231,2232,2235,2238],{},[1699,2233,2234],{},"75",[1699,2236,2237],{},"良好",[1699,2239,2240],{},"30%",[1684,2242,2243,2246,2249],{},[1699,2244,2245],{},"60",[1699,2247,2248],{},"ノイズが見え始める",[1699,2250,2251],{},"22%",[1684,2253,2254,2257,2260],{},[1699,2255,2256],{},"40",[1699,2258,2259],{},"明らかに劣化",[1699,2261,2262],{},"15%",[12,2264,2265,2268],{},[32,2266,2267],{},"85% が黄金点","です。これより上は容量効率が悪く、これより下はブロックノイズが目立ち始めます。",[24,2270,2272],{"id":2271},"設定-2-png-は用途で判断","設定 2: PNG は用途で判断",[37,2274,2275,2281,2287],{},[40,2276,2277,2280],{},[32,2278,2279],{},"スクリーンショット・図解",": PNG (可逆 = 文字のエッジが潰れない)",[40,2282,2283,2286],{},[32,2284,2285],{},"写真",": JPG (PNG だと 5〜10 倍の容量になる)",[40,2288,2289,2292],{},[32,2290,2291],{},"ロゴ (透過必要)",": PNG or SVG",[12,2294,2295,2296,1355],{},"「PNG は画質が落ちないから安心」は",[32,2297,2298],{},"写真では容量を大きく無駄にする判断",[24,2300,2302],{"id":2301},"設定-3-webp-avif-を検討する","設定 3: WebP \u002F AVIF を検討する",[12,2304,2305],{},"2026 年時点で WebP はほぼ全ブラウザ対応。AVIF も主要ブラウザで使えます。",[37,2307,2308,2311],{},[40,2309,2310],{},"WebP (lossy): JPG より 25〜30% 軽く、画質は同等以上",[40,2312,2313],{},"AVIF: さらに軽く、品質もさらに上。ただしエンコード時間がかかる",[12,2315,2316,2319,2320,2322],{},[32,2317,2318],{},"新規案件は WebP を第一選択","、フォールバックで JPG \u002F PNG を ",[91,2321,1881],{}," で用意するのが安全です。",[24,2324,2326],{"id":2325},"設定-4-元画像より拡大しない","設定 4: 元画像より拡大しない",[12,2328,2329,2330,2333],{},"元画像が 800px のものを 1600px に拡大して保存しても画質は上がりません。補間でぼやけるだけです。",[32,2331,2332],{},"元画像の最大サイズを上限","にするのが鉄則です。",[24,2335,2337],{"id":2336},"設定-5-圧縮前にリサイズを済ませる","設定 5: 圧縮前にリサイズを済ませる",[12,2339,2340],{},"これが一番効果の大きいコツです。300px で表示する画像を 3000px のまま圧縮するのは、帯域の無駄でしかありません。",[12,2342,2343,520,2346,2348,2349,2352],{},[32,2344,2345],{},"順序は「リサイズ → 圧縮」",[18,2347,1947],{"href":185}," で先に表示サイズに揃えてから、",[18,2350,2351],{"href":178},"画像圧縮ツール"," にかけます。",[24,2354,2356],{"id":2355},"設定-6-メタデータ-exif-の扱い","設定 6: メタデータ (EXIF) の扱い",[12,2358,2359,2360,2363],{},"スマホ写真には EXIF (撮影日時・GPS 位置・カメラ機種) が埋め込まれています。ファイルサイズ的には数十 KB 程度ですが、",[32,2361,2362],{},"プライバシー上の問題","にもなります。Zerosend の画像圧縮は保存時に EXIF を自動削除します。",[24,2365,2367],{"id":2366},"設定-7-二重圧縮を避ける","設定 7: 二重圧縮を避ける",[12,2369,2370],{},"非可逆圧縮は毎回わずかに情報を捨てます。「圧縮 → アップ → また圧縮」を繰り返すと、画質が階段状に劣化していきます。",[12,2372,2373,2376],{},[32,2374,2375],{},"元画像から 1 回だけ","圧縮する運用を徹底しましょう。バックアップとして元画像は必ず保持しておきます。",[24,2378,2380],{"id":2379},"zerosend-で試す","Zerosend で試す",[12,2382,2383,2385],{},[18,2384,2351],{"href":178}," は上記の設定を全部反映できます。",[37,2387,2388,2391,2394,2397],{},[40,2389,2390],{},"品質スライダー (1〜100、デフォルト 80)",[40,2392,2393],{},"JPG \u002F PNG \u002F WebP から出力形式を選択",[40,2395,2396],{},"EXIF 自動除去",[40,2398,2399],{},"ブラウザ内で完結、外部送信なし",[12,2401,2402],{},"ドラッグ&ドロップで複数画像の一括処理も使えます。",[24,2404,1763],{"id":1763},[12,2406,2407,2408,2411,2412,520],{},"「画質を落とさず軽くする」は、",[32,2409,2410],{},"品質 85% を目安に、先にリサイズし、余計なメタデータを削る","という 3 つの基本で 80% 達成できます。残りの 20% はフォーマット選択と二重圧縮の回避です。",[18,2413,2414],{"href":178},"実際に試してみてください",[12,2416,2417,2418],{},"関連: ",[18,2419,2420],{"href":2140},"画像圧縮 完全ガイド 2026",{"title":203,"searchDepth":204,"depth":204,"links":2422},[2423,2424,2425,2426,2427,2428,2429,2430,2431,2432],{"id":2158,"depth":204,"text":2159},{"id":2176,"depth":204,"text":2177},{"id":2271,"depth":204,"text":2272},{"id":2301,"depth":204,"text":2302},{"id":2325,"depth":204,"text":2326},{"id":2336,"depth":204,"text":2337},{"id":2355,"depth":204,"text":2356},{"id":2366,"depth":204,"text":2367},{"id":2379,"depth":204,"text":2380},{"id":1763,"depth":204,"text":1763},"画像圧縮で画質が落ちるのは設定次第で大きく抑えられます。JPG 品質 85% 黄金ルール、フォーマット選択、リサイズとの組み合わせを具体的な数値で解説します。",{},"\u002Fblog\u002Fimage-compress-quality-tips",{"title":2150,"description":2433},"image-compress-quality-tips","blog\u002Fimage-compress-quality-tips",[228,2440],"圧縮","tBTJu9KgKQi7S5WtxGLRDxIMuhho4weTTNqohC4Qt7c",1777617518120]