[{"data":1,"prerenderedAt":21952},["ShallowReactive",2],{"blog-\u002Fblog\u002Fsns-image-size-guide-2026":3,"blog-list-ja":515},{"id":4,"title":5,"author":6,"body":7,"category":496,"coverImage":497,"description":498,"draft":499,"extension":500,"locale":501,"meta":502,"navigation":503,"noindex":499,"path":504,"publishedAt":505,"seo":506,"slug":507,"stem":508,"tags":509,"updatedAt":505,"__hash__":514},"blog\u002Fblog\u002Fsns-image-size-guide-2026.md","SNS画像サイズ一覧2026年版｜Twitter・Instagram対応完全ガイド","Zerosend Editorial",{"type":8,"value":9,"toc":479},"minimark",[10,14,17,22,25,30,111,114,118,201,204,207,279,294,296,299,302,325,328,330,333,336,339,366,375,378,386,389,403,406,408,411,417,423,429,440,442,445,448,473],[11,12,13],"p",{},"SNSに画像を投稿するとき、サイズが合わなくて自動トリミングされてしまった経験はないだろうか。プラットフォームごとに推奨サイズは異なり、2025〜2026年にかけて一部の仕様が更新されている。本記事では、主要SNSの最新推奨サイズを一覧で整理し、実際に画像を調整する方法まで解説する。",[15,16],"hr",{},[18,19,21],"h2",{"id":20},"主要snsの推奨画像サイズ一覧2026年版","主要SNSの推奨画像サイズ一覧（2026年版）",[11,23,24],{},"以下は2026年6月時点の情報をもとにまとめた推奨サイズの一覧だ。各プラットフォームの公式ヘルプページは随時更新されるため、重要な運用の前は公式ドキュメントも確認することを推奨する。",[26,27,29],"h3",{"id":28},"twitterxの推奨サイズ","Twitter（X）の推奨サイズ",[31,32,33,52],"table",{},[34,35,36],"thead",{},[37,38,39,43,46,49],"tr",{},[40,41,42],"th",{},"用途",[40,44,45],{},"推奨サイズ",[40,47,48],{},"アスペクト比",[40,50,51],{},"最大ファイルサイズ",[53,54,55,70,84,98],"tbody",{},[37,56,57,61,64,67],{},[58,59,60],"td",{},"タイムライン投稿画像",[58,62,63],{},"1200×675px",[58,65,66],{},"16:9",[58,68,69],{},"5MB（JPEG\u002FPNG）",[37,71,72,75,78,81],{},[58,73,74],{},"プロフィールアイコン",[58,76,77],{},"400×400px",[58,79,80],{},"1:1",[58,82,83],{},"2MB",[37,85,86,89,92,95],{},[58,87,88],{},"ヘッダー画像",[58,90,91],{},"1500×500px",[58,93,94],{},"3:1",[58,96,97],{},"5MB",[37,99,100,103,106,109],{},[58,101,102],{},"カード画像（サマリー）",[58,104,105],{},"1200×628px",[58,107,108],{},"1.91:1",[58,110,97],{},[11,112,113],{},"タイムラインでは16:9が最も見切れにくい。1:1の正方形もよく使われるが、横長画像は上下がトリミングされる場合がある。",[26,115,117],{"id":116},"instagramの推奨サイズ","Instagramの推奨サイズ",[31,119,120,133],{},[34,121,122],{},[37,123,124,126,128,130],{},[40,125,42],{},[40,127,45],{},[40,129,48],{},[40,131,132],{},"備考",[53,134,135,148,161,175,189],{},[37,136,137,140,143,145],{},[58,138,139],{},"フィード投稿（正方形）",[58,141,142],{},"1080×1080px",[58,144,80],{},[58,146,147],{},"最も汎用的",[37,149,150,153,156,158],{},[58,151,152],{},"フィード投稿（横長）",[58,154,155],{},"1080×566px",[58,157,108],{},[58,159,160],{},"風景写真向き",[37,162,163,166,169,172],{},[58,164,165],{},"フィード投稿（縦長）",[58,167,168],{},"1080×1350px",[58,170,171],{},"4:5",[58,173,174],{},"スマホ表示で大きく見える",[37,176,177,180,183,186],{},[58,178,179],{},"ストーリーズ・リール",[58,181,182],{},"1080×1920px",[58,184,185],{},"9:16",[58,187,188],{},"上下に安全マージン必要",[37,190,191,193,196,198],{},[58,192,74],{},[58,194,195],{},"320×320px",[58,197,80],{},[58,199,200],{},"110px円形表示",[11,202,203],{},"Instagramは縦長（4:5）がフィードで最も面積を取るため、エンゲージメントを意識するならこのサイズが有利とされている。",[26,205,206],{"id":206},"その他の主要プラットフォーム",[31,208,209,225],{},[34,210,211],{},[37,212,213,216,219,222],{},[40,214,215],{},"プラットフォーム",[40,217,218],{},"投稿画像",[40,220,221],{},"アイコン",[40,223,224],{},"OGP\u002Fシェア画像",[53,226,227,240,252,266],{},[37,228,229,232,235,238],{},[58,230,231],{},"Facebook",[58,233,234],{},"1200×630px",[58,236,237],{},"170×170px",[58,239,105],{},[37,241,242,245,248,250],{},[58,243,244],{},"LinkedIn",[58,246,247],{},"1200×627px",[58,249,77],{},[58,251,247],{},[37,253,254,257,260,263],{},[58,255,256],{},"YouTube",[58,258,259],{},"サムネイル: 1280×720px",[58,261,262],{},"800×800px",[58,264,265],{},"—",[37,267,268,271,274,277],{},[58,269,270],{},"TikTok",[58,272,273],{},"動画推奨（静止画は1080×1920px）",[58,275,276],{},"20×20px（表示は丸型）",[58,278,265],{},[11,280,281,282,286,287,293],{},"OGP（Open Graph Protocol）画像は、SNSでURLをシェアしたときに表示されるサムネイルだ。",[283,284,285],"code",{},"og:image"," タグで設定し、1200×628px（1.91:1）が最も互換性が高い。OGPの仕様はThe Open Graph Protocolの公式ページ（",[288,289,290],"a",{"href":290,"rel":291},"https:\u002F\u002Fogp.me\u002F",[292],"nofollow","）で確認できる。",[15,295],{},[18,297,298],{"id":298},"サイズが合わないと何が起きるか",[11,300,301],{},"多くのSNSは、推奨サイズ以外の画像を自動でリサイズ・クロップする。このとき次のような問題が発生しやすい。",[303,304,305,313,319],"ul",{},[306,307,308,312],"li",{},[309,310,311],"strong",{},"テキストや顔が切れる","：中央以外に重要な要素を置いていた場合",[306,314,315,318],{},[309,316,317],{},"画質が劣化する","：アップスケール（拡大）された場合に顕著",[306,320,321,324],{},[309,322,323],{},"意図しない余白が入る","：プラットフォームによってはレターボックス表示になる",[11,326,327],{},"特にInstagramのストーリーズは9:16で上下にUI（@メンションや絵文字スペース）が重なるため、重要なコンテンツは画面中央60〜70%の範囲に収めるのが実務上のセオリーだ。",[15,329],{},[18,331,332],{"id":332},"画像サイズを調整する方法",[26,334,335],{"id":335},"一般的な方法",[11,337,338],{},"画像リサイズの主な手段は以下の通りだ。",[340,341,342,348,354,360],"ol",{},[306,343,344,347],{},[309,345,346],{},"Photoshop \u002F Illustrator","：高精度だがサブスクが必要",[306,349,350,353],{},[309,351,352],{},"GIMP","：無料・高機能だが学習コストがある",[306,355,356,359],{},[309,357,358],{},"Canva","：テンプレートがSNS別に用意されており直感的",[306,361,362,365],{},[309,363,364],{},"オンラインツール","：インストール不要で手軽",[11,367,368,369,374],{},"オンラインツールを使う場合、画像をサーバーにアップロードする必要があるものが多く、個人情報が含まれる画像や社内資料の扱いには注意が必要だ。EU一般データ保護規則（GDPR）やその他のプライバシー規制が厳しくなっている現在、ファイルの送信先を意識することは業務上のリスク管理の観点でも重要になっている（参考：",[288,370,373],{"href":371,"rel":372},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FPrivacy",[292],"MDN Web Docs – Privacy on the web","）。",[26,376,377],{"id":377},"ブラウザだけで処理できるツールを使う方法",[11,379,380,381,385],{},"ファイルをどこにも送信せずに処理したい場合、",[288,382,384],{"href":383},"\u002Ftools\u002Fimage-resize","画像リサイズツール","（zerosend）が選択肢になる。WebAssemblyとブラウザのCanvas APIを使ってクライアントサイドで完結するため、画像データが外部サーバーに送られない。",[11,387,388],{},"操作の流れは次の通りだ。",[340,390,391,394,397,400],{},[306,392,393],{},"ツールページを開く",[306,395,396],{},"リサイズしたい画像をドラッグ&ドロップ（またはファイル選択）",[306,398,399],{},"幅・高さをピクセルで入力（例：1080×1350）",[306,401,402],{},"ダウンロードボタンで変換後の画像を取得",[11,404,405],{},"アカウント登録は不要で、処理はすべてブラウザ内で実行される。DevToolsのNetworkタブを開いて確認すれば、画像ファイルが外部に送信されていないことを自分で検証できる。",[15,407],{},[18,409,410],{"id":410},"よくある質問",[11,412,413,416],{},[309,414,415],{},"Q. 2026年になってTwitter(X)のサイズ仕様は変わりましたか？","\nA. 2025年後半にタイムライン表示のクロップ挙動が一部変更された報告があるが、推奨ピクセルサイズ自体の大きな変更はない。ただし表示UIのアップデートが頻繁なため、定期的に公式ヘルプを確認するのが確実だ。",[11,418,419,422],{},[309,420,421],{},"Q. 同じ画像を複数のSNS向けに書き出したい場合は？","\nA. 元画像を高解像度（最低1500px以上）で用意し、各プラットフォーム向けにリサイズする方法が効率的だ。ツールを使えば数分で複数サイズを揃えられる。",[11,424,425,428],{},[309,426,427],{},"Q. WebPとJPEGどちらを使うべきですか？","\nA. 多くのSNSは現在WebPの投稿をサポートしているが、内部で変換される場合も多い。プラットフォームの仕様ページを確認した上で、互換性が不明な場合はJPEGまたはPNGを選ぶのが無難だ。",[11,430,431,434,435,439],{},[309,432,433],{},"Q. ファイルサイズ（容量）も同時に圧縮できますか？","\nA. リサイズと圧縮は別の処理だ。リサイズ後にファイルサイズが大きい場合は、別途",[288,436,438],{"href":437},"\u002Ftools\u002Fimage-compress","圧縮ツール","を使うとよい。",[15,441],{},[18,443,444],{"id":444},"まとめ",[11,446,447],{},"SNSごとの推奨画像サイズは細かく異なり、合っていないと自動トリミングや画質劣化が発生する。2026年時点で覚えておきたい基本サイズは以下だ。",[303,449,450,456,462,468],{},[306,451,452,455],{},[309,453,454],{},"Twitter(X) 投稿","：1200×675px（16:9）",[306,457,458,461],{},[309,459,460],{},"Instagram フィード","：1080×1080px \u002F 1080×1350px",[306,463,464,467],{},[309,465,466],{},"OGP・シェア画像","：1200×628px",[306,469,470,472],{},[309,471,179],{},"：1080×1920px（9:16）",[11,474,475,476,478],{},"画像の調整には用途に合ったツールを選ぶとよい。高頻度で作業するならPhotoshopやCanva、手軽にサイズだけ変えたいとき・プライバシーが気になる場合はブラウザ完結型の",[288,477,384],{"href":383},"のような選択肢も実用的だ。",{"title":480,"searchDepth":481,"depth":481,"links":482},"",2,[483,489,490,494,495],{"id":20,"depth":481,"text":21,"children":484},[485,487,488],{"id":28,"depth":486,"text":29},3,{"id":116,"depth":486,"text":117},{"id":206,"depth":486,"text":206},{"id":298,"depth":481,"text":298},{"id":332,"depth":481,"text":332,"children":491},[492,493],{"id":335,"depth":486,"text":335},{"id":377,"depth":486,"text":377},{"id":410,"depth":481,"text":410},{"id":444,"depth":481,"text":444},"tech",null,"2026年最新のTwitter(X)・Instagramなど主要SNSの推奨画像サイズを一覧で解説。ブラウザだけで使える無料リサイズツールの活用方法も紹介。",false,"md","ja",{},true,"\u002Fblog\u002Fsns-image-size-guide-2026","2026-06-05",{"title":5,"description":498},"sns-image-size-guide-2026","blog\u002Fsns-image-size-guide-2026",[510,511,512,513],"画像","リサイズ","Web制作","SEO","wnI6RNioe1pdfgwawSk9kOyZNxgYjjJiZOygJ1vl2Os",[516,769,932,1292,1592,1887,2182,2511,2857,3134,3452,3781,4073,4421,4740,5191,5537,5769,6187,6505,6799,7093,7378,7676,8183,8463,8854,9267,9633,9958,10297,10586,10864,11163,11317,11504,11683,12230,12926,13446,13690,13932,14145,14358,14577,14793,14992,15193,15659,15972,16163,16383,16610,16842,17080,17255,17500,17704,18005,18797,19012,19685,20448,21257,21638,21717],{"id":517,"title":518,"author":6,"body":519,"category":496,"coverImage":497,"description":756,"draft":499,"extension":500,"locale":501,"meta":757,"navigation":503,"noindex":499,"path":758,"publishedAt":759,"seo":760,"slug":761,"stem":762,"tags":763,"updatedAt":759,"__hash__":768},"blog\u002Fblog\u002Fpdf-merge-invoice-report.md","PDF結合で請求書・報告書をまとめる方法と注意点",{"type":8,"value":520,"toc":739},[521,524,527,530,532,536,539,545,551,557,563,566,568,571,574,577,580,583,590,593,596,599,602,605,608,610,614,622,628,634,640,646,652,655,657,660,664,667,670,673,677,680,683,686,688,690,693,696,718,724],[11,522,523],{},"月末になるたびに、取引先ごとの請求書が10枚、20枚と溜まっていく。経費精算の添付ファイルをまとめようとしたら、担当者に「PDFを1つにしてください」と言われた。報告書の本体・別紙・参考資料をセットで提出しなければならない。こうした場面でPDF結合は日常的な作業になっている。",[11,525,526],{},"しかし「どのツールを使えばいいかわからない」「クラウドにファイルをアップロードして大丈夫なのか」という疑問を持つ人は多い。とくに請求書や給与明細など機密性の高い書類を扱う場合、外部サーバーへのファイル送信は慎重に考える必要がある。",[11,528,529],{},"この記事では、PDF結合の基本的な手順から、ツール選びの判断基準、安全に使える選択肢まで、実務で役立つ情報を整理する。",[15,531],{},[18,533,535],{"id":534},"pdf結合が必要になる典型的なシーン","PDF結合が必要になる典型的なシーン",[11,537,538],{},"PDF結合の需要が高いのは以下のような場面だ。",[11,540,541,544],{},[309,542,543],{},"請求書のまとめ提出","\n複数案件の請求書を1つのPDFにまとめて経理部門へ送る。受け取る側も1ファイルの方が管理しやすい。",[11,546,547,550],{},[309,548,549],{},"月次・週次報告書の添付資料整理","\n本文のレポートに、グラフ・データ表・参考資料を添付する際、別々のPDFを結合して1つの資料として提出する。",[11,552,553,556],{},[309,554,555],{},"申請書類のパッケージ化","\n行政手続きや社内申請で「関連書類一式」として複数のPDFをまとめる必要があるケース。",[11,558,559,562],{},[309,560,561],{},"提案書・見積書のセット送付","\n提案書本体・見積書・会社概要を1ファイルにして、メール添付の手間を減らす。",[11,564,565],{},"いずれも「バラバラなファイルを相手に送るより、まとめた方が親切」という発想が根底にある。受け取る側の手間を減らすという業務マナーの観点でもPDF結合は有効だ。",[15,567],{},[18,569,570],{"id":570},"ツール選びで押さえておきたいポイント",[11,572,573],{},"PDF結合ツールは無数に存在するが、選ぶ際に確認すべき項目がある。",[26,575,576],{"id":576},"ファイルはどこで処理されるか",[11,578,579],{},"オンラインのPDF結合ツールの多くは、ファイルをサーバーにアップロードして処理し、結果をダウンロードさせる仕組みを取っている。SmallpdfやiLovePDFといった有名なサービスも基本的にはこの方式だ。",[11,581,582],{},"サーバー側での処理は利便性が高い反面、機密文書を扱う場合にリスクがある。ファイルがどのように保管され、いつ削除されるかはサービスの利用規約次第だ。無料プランでは処理後も一定期間ファイルが残るケースがある。",[11,584,585,586,589],{},"対照的に、",[309,587,588],{},"ブラウザ内だけで処理するツール","はファイルを外部に送らない。WebAssemblyやJavaScriptを使ってローカルで結合処理を完結させるため、ネットワーク通信を伴わない。",[26,591,592],{"id":592},"ページ順の制御ができるか",[11,594,595],{},"結合後のページ順は、単純に「ファイルを追加した順」になるツールが多い。しかし実際には「Aの3ページ目の後にBを挿入したい」といった細かい調整が必要な場面もある。ドラッグ&ドロップで順番を変えられるUIかどうかは確認しておくといい。",[26,597,598],{"id":598},"ファイルサイズの上限",[11,600,601],{},"無料プランでは1回の処理に使えるファイルサイズや枚数に制限があるツールが多い。スキャンしたPDFは1枚あたりのサイズが大きくなりやすいため、数十枚の請求書をまとめようとすると上限に引っかかることがある。",[26,603,604],{"id":604},"操作の簡便さ",[11,606,607],{},"ITリテラシーが高くないメンバーが使う場合、インストール不要・ブラウザだけで完結するツールの方が展開しやすい。Adobe AcrobatはPDF操作の標準ツールだが、有料プランが前提であり、ライセンス管理の手間もある。",[15,609],{},[18,611,613],{"id":612},"ブラウザだけでpdfを結合する手順","ブラウザだけでPDFを結合する手順",[11,615,616,617,621],{},"ここでは、インストール不要・ファイルを外部送信しない方法としてゼロセンドの",[288,618,620],{"href":619},"\u002Ftools\u002Fpdf-merge","PDF 結合ツール","を例に手順を説明する。",[11,623,624,627],{},[309,625,626],{},"手順1: ツールを開く","\nブラウザでツールのURLにアクセスする。アカウント登録は不要で、すぐに使い始められる。",[11,629,630,633],{},[309,631,632],{},"手順2: PDFファイルを追加する","\n「ファイルを選択」ボタンをクリックするか、ファイルをドラッグ&ドロップでアップロードエリアに投入する。複数ファイルを一度に選択できる。",[11,635,636,639],{},[309,637,638],{},"手順3: ページ順を確認・調整する","\n追加したPDFのサムネイルが表示される。ドラッグで順番を入れ替えることができる。請求書番号順や日付順に並べ直しておくと、受取側がわかりやすい。",[11,641,642,645],{},[309,643,644],{},"手順4: 結合を実行する","\n「結合する」ボタンを押すと、ブラウザ内でPDF処理が走る。この時点でファイルは外部に送信されない。処理はすべてローカルで完結する。",[11,647,648,651],{},[309,649,650],{},"手順5: ダウンロードする","\n処理が完了したら「ダウンロード」ボタンから結合済みPDFを保存する。",[11,653,654],{},"ブラウザのDevTools（F12 → Networkタブ）を開いて処理中のネットワーク通信を確認すると、ファイルデータが外部に送信されていないことを自分で検証できる。機密文書を扱う立場であれば、この確認は一度やっておく価値がある。",[15,656],{},[18,658,659],{"id":659},"よくある失敗と対処法",[26,661,663],{"id":662},"結合後にページが抜ける順番がずれる","結合後にページが抜ける・順番がずれる",[11,665,666],{},"ファイルを追加する順番と、最終的なページ順は一致するとは限らない。ツールによっては追加順ではなくファイル名の昇順で並ぶ場合がある。必ず結合前にサムネイルで順番を確認する習慣をつけておく。",[26,668,669],{"id":669},"ファイルサイズが大きくなりすぎる",[11,671,672],{},"スキャンPDFを複数結合すると、合計サイズが数十MBになることがある。メール添付の上限（多くは10〜25MB）を超えてしまう場合は、結合後にPDF圧縮ツールで容量を下げる対処が有効だ。",[26,674,676],{"id":675},"パスワード保護されたpdfが結合できない","パスワード保護されたPDFが結合できない",[11,678,679],{},"パスワードロックがかかったPDFは、多くのツールで結合対象として読み込めない。先にパスワードを解除してから結合するか、パスワード解除に対応したツールを使う必要がある。解除には元のパスワードが必要なため、作成者に確認しておく。",[26,681,682],{"id":682},"フォントや画像の表示崩れ",[11,684,685],{},"PDFの仕様はバージョンによって異なり、古いPDF（PDF 1.3以前）や特殊なフォントを埋め込んだファイルは、結合後にレイアウトが崩れることがある。結合後は必ずすべてのページを目視確認する。",[15,687],{},[18,689,444],{"id":444},[11,691,692],{},"PDF結合は請求書・報告書の業務で頻繁に必要になる作業だが、ツールの選び方を誤ると機密ファイルが意図せず外部サーバーに送信されるリスクがある。",[11,694,695],{},"選定の優先順位は次の通りだ。",[340,697,698,703,708,713],{},[306,699,700],{},[309,701,702],{},"機密度が高い書類ならブラウザ内処理のツールを選ぶ",[306,704,705],{},[309,706,707],{},"ページ順の制御ができるか確認する",[306,709,710],{},[309,711,712],{},"ファイルサイズ上限に注意する",[306,714,715],{},[309,716,717],{},"結合後は全ページを目視確認する",[11,719,720,721,723],{},"WebAssemblyベースのブラウザ内処理は、",[288,722,620],{"href":619},"のように実用レベルで使えるものが増えている。クラウドサービスに頼らずとも、日常的なPDF結合は十分こなせる環境が整っている。",[11,725,726,727,732,733,738],{},"ファイルの扱いに不安がある場合は、MDNの",[288,728,731],{"href":729,"rel":730},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FAPI\u002FFile_API",[292],"Web APIに関するドキュメント","やpdf-libの",[288,734,737],{"href":735,"rel":736},"https:\u002F\u002Fpdf-lib.js.org\u002F",[292],"公式ドキュメント","を参照すると、ブラウザ内処理の仕組みを技術的に理解する助けになる。",{"title":480,"searchDepth":481,"depth":481,"links":740},[741,742,748,749,755],{"id":534,"depth":481,"text":535},{"id":570,"depth":481,"text":570,"children":743},[744,745,746,747],{"id":576,"depth":486,"text":576},{"id":592,"depth":486,"text":592},{"id":598,"depth":486,"text":598},{"id":604,"depth":486,"text":604},{"id":612,"depth":481,"text":613},{"id":659,"depth":481,"text":659,"children":750},[751,752,753,754],{"id":662,"depth":486,"text":663},{"id":669,"depth":486,"text":669},{"id":675,"depth":486,"text":676},{"id":682,"depth":486,"text":682},{"id":444,"depth":481,"text":444},"複数のPDFを1ファイルにまとめる手順を解説。請求書や報告書の整理に役立つ方法と、ファイルを外部送信しない安全な結合ツールの選び方を紹介。",{},"\u002Fblog\u002Fpdf-merge-invoice-report","2026-06-21",{"title":518,"description":756},"pdf-merge-invoice-report","blog\u002Fpdf-merge-invoice-report",[764,765,766,767],"結合","業務","プライバシー","ツール","wlX2mhV0wSsktV8tsM3LwWU0XteOWI9sLvWWMsbZg3Q",{"id":770,"title":771,"author":6,"body":772,"category":496,"coverImage":497,"description":920,"draft":499,"extension":500,"locale":501,"meta":921,"navigation":503,"noindex":499,"path":922,"publishedAt":923,"seo":924,"slug":925,"stem":926,"tags":927,"updatedAt":923,"__hash__":931},"blog\u002Fblog\u002Faudio-trim-bgm-cut.md","音声・BGMのカット・トリミング・無音編集を無料でやる方法",{"type":8,"value":773,"toc":912},[774,777,781,784,787,790,793,796,799,802,805,808,811,814,822,825,836,840,848,854,860,866,872,880,883,895,901,907,909],[11,775,776],{},"動画の冒頭に入れるBGMを短くしたい、録音ファイルの前後の無音部分を削りたい、Podcastの収録音声から不要な間を取り除きたい——音声編集の需要は以前より確実に増えている。しかし「専用ソフトをインストールするほどでもない」「クラウドサービスにファイルをアップロードするのは気が引ける」という状況も多い。本記事では、音声のカット・トリミング・無音編集の基本的な考え方と、用途別の対処法を整理する。",[18,778,780],{"id":779},"音声編集のカットトリミング無音処理は何が違うか","音声編集の「カット」「トリミング」「無音処理」は何が違うか",[11,782,783],{},"まず用語を整理しておく。似た言葉が並ぶが、作業内容はそれぞれ異なる。",[11,785,786],{},"**トリミング（Trimming）**は、音声ファイルの先頭・末尾を指定した時点で切り落とす操作を指す。「録音の最初の3秒と最後の5秒を削除する」といった場面で使う。元ファイルの一部分だけを残す、最もシンプルな編集だ。",[11,788,789],{},"**カット（Cut）**は、ファイルの途中部分を取り除く操作を指すことが多い。「2分30秒から3分00秒の区間を削除して前後をつなぐ」という使い方がその典型で、不要な咳払いや言い直しを除去するときに多用される。",[11,791,792],{},"**無音処理（Silence Removal \u002F Muting）**は、音量がほぼゼロの区間を自動検出して削除するか、意図的に特定区間を無音に置き換える操作を指す。長い収録音声をコンパクトにしたいときに効果的だが、自動処理の閾値設定を誤ると必要な「間（ま）」まで消えてしまうため注意が必要だ。",[11,794,795],{},"この3つは組み合わせて使うことが多い。たとえばWebinar録画のBGMを再利用する場合、まずトリミングで必要な尺に切り出し、途中の不要区間をカットし、残った無音部分を削除する、という流れになる。",[18,797,798],{"id":798},"専用ソフトを使う場合の選択肢と注意点",[11,800,801],{},"本格的な音声編集にはAudacity（オープンソース・無料）やAdobe Auditionが定番だ。複数トラックの管理、ノイズ除去フィルタ、波形表示による精密な編集が可能で、長時間の音声を扱うなら現実的な選択肢になる。",[11,803,804],{},"ただしAudacityはインストールが必要で、初期設定のハードルがある。Adobe Auditionはサブスクリプション費用がかかる。「1回だけトリミングしたい」「会社の管理端末にソフトをインストールできない」といった状況では、どちらも最適解にならないことがある。",[11,806,807],{},"クラウド型サービス（例：Audiotrimmer、Clideo等）はブラウザから操作できる手軽さがあるが、ファイルをサーバーにアップロードする仕組みのため、社外秘の音声データや個人情報が含まれる音声を扱う場面では利用を避けたほうが安全だ。各サービスのプライバシーポリシーを確認しても、データの保持期間や処理場所が不明確なケースは少なくない。",[18,809,810],{"id":810},"ブラウザ内だけで処理するツールの仕組みと選び方",[11,812,813],{},"近年、WebAssembly（WASM）技術の普及により、ブラウザ内でネイティブアプリに近い処理を行えるツールが増えている。音声処理ライブラリをWASMとしてブラウザ上で動かすことで、ファイルをサーバーに送信せずにトリミングやカットを完結させられる。",[11,815,816,821],{},[288,817,820],{"href":818,"rel":819},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fwasm-core-2\u002F",[292],"WebAssembly の仕様（W3C）","によれば、WASMはブラウザのサンドボックス内で安全に実行されるバイナリフォーマットであり、パフォーマンスと安全性を両立できる。",[11,823,824],{},"こうしたアーキテクチャを採用しているツールを選ぶポイントは以下の3点だ。",[303,826,827,830,833],{},[306,828,829],{},"ブラウザの開発者ツール（DevTools）のNetworkタブでアップロード通信が発生しないか確認できる",[306,831,832],{},"ローカルファイルを選択してそのままブラウザ上で処理が走る",[306,834,835],{},"処理後のファイルをブラウザからそのままダウンロードできる",[18,837,839],{"id":838},"zerosend-の音声トリミングツールを使った具体的な手順","zerosend の音声トリミングツールを使った具体的な手順",[11,841,842,843,847],{},"ブラウザ内処理の選択肢の一つとして、",[288,844,846],{"href":845},"\u002Ftools\u002Faudio-trim","音声トリミングツール","がある。MP3・WAV・M4A・OGGなど主要なフォーマットに対応しており、次の手順で操作できる。",[11,849,850,853],{},[309,851,852],{},"手順1：ファイルを読み込む","\nページにアクセスし、音声ファイルをドラッグ＆ドロップするか、ファイル選択ボタンからアップロードする。この時点でファイルはブラウザのメモリ上にのみ展開され、外部サーバーへの送信は発生しない。",[11,855,856,859],{},[309,857,858],{},"手順2：トリミング範囲を指定する","\n波形表示が現れたら、スライダーまたは時間入力フィールドで開始点と終了点を指定する。再生ボタンで確認しながら調整できる。",[11,861,862,865],{},[309,863,864],{},"手順3：カット・無音処理が必要な場合","\n途中区間を削除したい場合は、該当区間を選択してカット操作を実行する。無音区間の自動削除オプションも用意されており、閾値（dB）と最小継続時間（秒）を設定することで精度を調整できる。",[11,867,868,871],{},[309,869,870],{},"手順4：書き出し","\n編集が完了したら出力フォーマットとビットレートを選択してダウンロードする。ブラウザのDevToolsを開いてNetworkタブを確認すれば、外部への通信が発生していないことを実際に検証できる。",[11,873,874,875,879],{},"動画ファイルから音声だけを抽出してトリミングしたい場合は、同サイトの",[288,876,878],{"href":877},"\u002Ftools\u002Fvideo-to-audio","動画から音声を抽出するツール","と組み合わせると作業がつながりやすい。",[18,881,882],{"id":882},"よくある失敗パターンと対処法",[11,884,885,888,889,894],{},[309,886,887],{},"フォーマットの非互換によるノイズ","：MP3からWAVに変換せずにそのままビットレートを下げると、再エンコード時に音質が劣化する。作業中はWAVやFLACのような非圧縮フォーマットを使い、最終書き出し時にMP3に変換するのが原則だ（",[288,890,893],{"href":891,"rel":892},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FAPI\u002FWeb_Audio_API",[292],"MDN Web Docs: Web Audio API","参照）。",[11,896,897,900],{},[309,898,899],{},"無音検出の過剰削除","：自動無音削除の閾値を高く設定すると、話者の「息継ぎ」「間」まで削除されて不自然な仕上がりになる。まず短いサンプルで試してから本番ファイルに適用するのが安全だ。",[11,902,903,906],{},[309,904,905],{},"書き出し時のタイムスタンプずれ","：トリミング後にBGMとナレーションを別ファイルで管理している場合、書き出したファイルの尺が意図した長さと数十ミリ秒ずれることがある。DAWや動画編集ソフトと組み合わせる場合はサンプル数レベルで確認しておくと後工程が楽になる。",[18,908,444],{"id":444},[11,910,911],{},"音声のトリミング・カット・無音編集は、用途と環境によって最適なツールが変わる。長時間・複数トラックの本格編集ならAudacityやAdobe Audition、プライバシーを優先したい場面や一時的な作業にはブラウザ内完結型のツールが実用的な選択肢になる。ファイルをサーバーに送信しないアーキテクチャが本当に機能しているかどうかは、DevToolsのNetworkタブで誰でも確認できる点も覚えておきたい。目的と状況に合ったツールを選ぶことが、結果的に作業効率とデータ安全性の両方を高める。",{"title":480,"searchDepth":481,"depth":481,"links":913},[914,915,916,917,918,919],{"id":779,"depth":481,"text":780},{"id":798,"depth":481,"text":798},{"id":810,"depth":481,"text":810},{"id":838,"depth":481,"text":839},{"id":882,"depth":481,"text":882},{"id":444,"depth":481,"text":444},"音声ファイルのトリミング・BGMカット・無音部分の編集方法を解説。ブラウザだけで完結する無料ツールも紹介。インストール不要で手軽に作業できる。",{},"\u002Fblog\u002Faudio-trim-bgm-cut","2026-06-20",{"title":771,"description":920},"audio-trim-bgm-cut","blog\u002Faudio-trim-bgm-cut",[928,929,930,766],"音声","編集","トリミング","QPjpd3INSXKaQv5WzTjBI8arpgT4dqRM3dAaNLYlpeY",{"id":933,"title":934,"author":6,"body":935,"category":496,"coverImage":497,"description":1281,"draft":499,"extension":500,"locale":501,"meta":1282,"navigation":503,"noindex":499,"path":1283,"publishedAt":1284,"seo":1285,"slug":1286,"stem":1287,"tags":1288,"updatedAt":1284,"__hash__":1291},"blog\u002Fblog\u002Fvideo-gif-presentation.md","動画をGIFに変換してプレゼン資料に埋め込む方法【完全ガイド】",{"type":8,"value":936,"toc":1262},[937,941,944,964,967,969,973,976,980,987,991,998,1002,1009,1012,1014,1018,1021,1110,1113,1116,1118,1122,1127,1130,1194,1196,1200,1204,1211,1214,1217,1220,1237,1240,1243,1245,1247,1250,1253],[18,938,940],{"id":939},"プレゼン資料に動画を埋め込むと起きるあるあるトラブル","プレゼン資料に動画を埋め込むと起きる「あるある」トラブル",[11,942,943],{},"PowerPointやGoogleスライドに動画ファイルを直接埋め込もうとすると、いくつかの壁にぶつかることが多い。",[303,945,946,952,958],{},[306,947,948,951],{},[309,949,950],{},"ファイルサイズが大きすぎて共有できない","（メール添付の上限超え、Driveの容量逼迫）",[306,953,954,957],{},[309,955,956],{},"再生環境に依存する","（発表先PCにコーデックが入っていない、Webブラウザ上のスライドで再生されない）",[306,959,960,963],{},[309,961,962],{},"PowerPoint形式でエクスポートするとリンク切れになる","（Googleスライド→.pptx変換時に動画が消える）",[11,965,966],{},"これらをまとめて回避できるのが「動画をGIFに変換して埋め込む」方法だ。GIFは画像フォーマットなので、プラグイン不要・コーデック依存なしで、スライドソフトが画像として扱ってくれる。自動ループ再生も効くため、デモや操作手順の短いクリップを見せるのに向いている。",[15,968],{},[18,970,972],{"id":971},"gif変換で押さえるべき3つのパラメータ","GIF変換で押さえるべき3つのパラメータ",[11,974,975],{},"GIFに変換する前に、出力品質とファイルサイズのバランスを決めるパラメータを理解しておく必要がある。",[26,977,979],{"id":978},"フレームレートfps","フレームレート（fps）",[11,981,982,983,986],{},"GIFは毎秒何枚の画像を表示するかで滑らかさが変わる。プレゼン用途であれば ",[309,984,985],{},"8〜15fps"," が現実的な範囲だ。元の動画が60fpsでも、GIFを15fpsにするだけでファイルサイズは約75%削減できる。",[26,988,990],{"id":989},"解像度widthheight","解像度（width\u002Fheight）",[11,992,993,994,997],{},"スライド上での表示サイズに合わせてリサイズする。Full HDのまま出力すると数十MBになることがある。スライドの横幅が1280pxなら、GIFは ",[309,995,996],{},"640〜720px幅"," に落とすのが目安だ。",[26,999,1001],{"id":1000},"再生時間クリップ長","再生時間（クリップ長）",[11,1003,1004,1005,1008],{},"GIFは再生時間が長くなるほど線形にサイズが増加する。",[309,1006,1007],{},"5〜10秒以内","に収めると、ファイルサイズをコントロールしやすい。長い動画はトリミングして必要な箇所だけ切り出す。",[11,1010,1011],{},"これら3つを意識するだけで、「GIFが重すぎてスライドがカクつく」問題はほぼ防げる。",[15,1013],{},[18,1015,1017],{"id":1016},"主要なgif変換ツールの比較","主要なGIF変換ツールの比較",[11,1019,1020],{},"変換ツールはいくつか選択肢がある。それぞれ用途・制約・プライバシー面が異なる。",[31,1022,1023,1041],{},[34,1024,1025],{},[37,1026,1027,1029,1032,1035,1038],{},[40,1028,767],{},[40,1030,1031],{},"処理場所",[40,1033,1034],{},"無料制限",[40,1036,1037],{},"ファイルアップロード",[40,1039,1040],{},"オフライン動作",[53,1042,1043,1060,1074,1091],{},[37,1044,1045,1048,1051,1054,1057],{},[58,1046,1047],{},"Ezgif",[58,1049,1050],{},"サーバー",[58,1052,1053],{},"100MBまで",[58,1055,1056],{},"あり（サーバー送信）",[58,1058,1059],{},"不可",[37,1061,1062,1065,1067,1070,1072],{},[58,1063,1064],{},"GIPHY",[58,1066,1050],{},[58,1068,1069],{},"アカウント必要",[58,1071,1056],{},[58,1073,1059],{},[37,1075,1076,1079,1082,1085,1088],{},[58,1077,1078],{},"ffmpeg（CLI）",[58,1080,1081],{},"ローカル",[58,1083,1084],{},"制限なし",[58,1086,1087],{},"なし",[58,1089,1090],{},"可",[37,1092,1093,1099,1102,1104,1107],{},[58,1094,1095],{},[288,1096,1098],{"href":1097},"\u002Ftools\u002Fvideo-to-gif","動画 → GIF 変換ツール",[58,1100,1101],{},"ブラウザ内",[58,1103,1084],{},[58,1105,1106],{},"なし（送信しない）",[58,1108,1109],{},"可（SW キャッシュ）",[11,1111,1112],{},"EzgifやGIPHYはブラウザだけで完結するUIが便利だが、ファイルをサーバーに送信する仕組みになっている。社外秘のデモ動画や未公開プロダクトのスクリーンキャストを変換する場合、ファイルが第三者のサーバーを経由することになる点は把握しておきたい。",[11,1114,1115],{},"ffmpegはローカル処理できる最有力ツールだが、コマンドライン操作が必要で、非エンジニアには敷居が高い。",[15,1117],{},[18,1119,1121],{"id":1120},"ブラウザだけで完結するgif変換の手順","ブラウザだけで完結するGIF変換の手順",[11,1123,1124,1126],{},[288,1125,1098],{"href":1097}," はffmpeg.wasmをブラウザ上で動かしており、選択したファイルは一切サーバーに送信されない。Chromeの DevTools > Network タブを開きながら変換を実行しても、動画ファイルのアップロードリクエストが発生しないことで確認できる。",[26,1128,1129],{"id":1129},"手順",[340,1131,1132,1144,1152,1170,1178,1186],{},[306,1133,1134,1137,1140,1143],{},[309,1135,1136],{},"ページを開く",[1138,1139],"br",{},[288,1141,1142],{"href":1097},"動画→GIF変換ツール"," にアクセスする。",[306,1145,1146,1149,1151],{},[309,1147,1148],{},"動画ファイルを選択またはドロップ",[1138,1150],{},"\nMP4 \u002F MOV \u002F WebM など主要フォーマットに対応している。",[306,1153,1154,1157],{},[309,1155,1156],{},"パラメータを設定する",[303,1158,1159,1162,1165],{},[306,1160,1161],{},"開始時間・終了時間（トリミング）",[306,1163,1164],{},"出力幅（pxまたは元サイズの%）",[306,1166,979,1167,1169],{},[1138,1168],{},"\nプレゼン用途なら幅640px・12fps・10秒以内が標準的な出発点になる。",[306,1171,1172,1175,1177],{},[309,1173,1174],{},"「変換」を実行",[1138,1176],{},"\n処理はすべてブラウザ内のWASMで行われる。初回はffmpeg.wasmのロードに数秒かかるが、以降はキャッシュが効く。",[306,1179,1180,1183,1185],{},[309,1181,1182],{},"GIFをダウンロードして確認",[1138,1184],{},"\n出力ファイルをダウンロードし、サイズが許容範囲（スライド用途なら目安2MB以下）かチェックする。",[306,1187,1188,1191,1193],{},[309,1189,1190],{},"スライドに挿入",[1138,1192],{},"\nPowerPoint・Googleスライド・Keynoteのいずれも、通常の画像挿入と同じ操作でGIFを埋め込める。スライドショー実行中に自動ループ再生される。",[15,1195],{},[18,1197,1199],{"id":1198},"gif変換埋め込みでよくある失敗と対処法","GIF変換・埋め込みでよくある失敗と対処法",[26,1201,1203],{"id":1202},"スライド上でgifが動かない","スライド上でGIFが動かない",[11,1205,1206,1207,1210],{},"PowerPointの「通常表示」ではGIFがアニメーションしない場合がある。",[309,1208,1209],{},"スライドショー実行中（F5）または閲覧表示","に切り替えると動く。Googleスライドは編集画面でも再生される。",[26,1212,1213],{"id":1213},"ファイルが重すぎてスライドが開くのに時間がかかる",[11,1215,1216],{},"fpsを下げるか、解像度をさらに小さくして再変換する。また、スライド1枚に複数のGIFを埋め込んでいる場合は分散させるか静止画に差し替えを検討する。",[26,1218,1219],{"id":1219},"色数が減って画質が荒く見える",[11,1221,1222,1223,1228,1229,1232,1233,1236],{},"GIFは最大256色という仕様上の制限がある（",[288,1224,1227],{"href":1225,"rel":1226},"https:\u002F\u002Fwww.w3.org\u002FGraphics\u002FGIF\u002Fspec-gif89a.txt",[292],"GIF仕様 – W3C","）。パレット最適化（ffmpegでいう ",[283,1230,1231],{},"palettegen"," \u002F ",[283,1234,1235],{},"paletteuse"," オプション）を使うと色の精度が上がる。テキストや図形主体のスクリーンキャストはGIFと相性が良く、実写映像は相性が悪い傾向がある。",[26,1238,1239],{"id":1239},"音声が消えた",[11,1241,1242],{},"GIFは音声を持てないフォーマットだ。音声が必要な場面はMP4埋め込みに切り替え、GIFは「音なしで内容が伝わるクリップ」に絞って使うのが現実的な棲み分けになる。",[15,1244],{},[18,1246,444],{"id":444},[11,1248,1249],{},"動画をGIFに変換してスライドに埋め込むアプローチは、コーデック依存・ファイルサイズ・共有時のリンク切れという3つの問題を一度に解消できる。変換時はfps・解像度・クリップ長の3パラメータを意識してコントロールすることが品質とサイズのバランスを取る鍵になる。",[11,1251,1252],{},"ツール選定では、ファイルをサーバーに送信するかどうかを確認しておくこと。機密性の高い動画を扱う場合は、ffmpegのようなローカル処理ツール、またはffmpeg.wasmをブラウザ内で動かす仕組みのツールを選ぶのが安全だ。",[11,1254,1255,1256,1261],{},"GIF仕様の詳細については ",[288,1257,1260],{"href":1258,"rel":1259},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FMedia\u002FFormats\u002FImage_types#gif_graphics_interchange_format",[292],"Mozilla Developer Network の画像フォーマットガイド"," も参照されたい。",{"title":480,"searchDepth":481,"depth":481,"links":1263},[1264,1265,1270,1271,1274,1280],{"id":939,"depth":481,"text":940},{"id":971,"depth":481,"text":972,"children":1266},[1267,1268,1269],{"id":978,"depth":486,"text":979},{"id":989,"depth":486,"text":990},{"id":1000,"depth":486,"text":1001},{"id":1016,"depth":481,"text":1017},{"id":1120,"depth":481,"text":1121,"children":1272},[1273],{"id":1129,"depth":486,"text":1129},{"id":1198,"depth":481,"text":1199,"children":1275},[1276,1277,1278,1279],{"id":1202,"depth":486,"text":1203},{"id":1213,"depth":486,"text":1213},{"id":1219,"depth":486,"text":1219},{"id":1239,"depth":486,"text":1239},{"id":444,"depth":481,"text":444},"PowerPointやGoogleスライドへの動画埋め込みで困ったときに役立つ、動画→GIF変換の手順・ツール比較・注意点をまとめた実践ガイド。",{},"\u002Fblog\u002Fvideo-gif-presentation","2026-06-19",{"title":934,"description":1281},"video-gif-presentation","blog\u002Fvideo-gif-presentation",[1289,1290,765,766],"動画","変換","Pv1tXx7RY37G-qXQPQguR_ziMuYW40aqyKcX4fAuZhQ",{"id":1293,"title":1294,"author":6,"body":1295,"category":496,"coverImage":497,"description":1581,"draft":499,"extension":500,"locale":501,"meta":1582,"navigation":503,"noindex":499,"path":1583,"publishedAt":1584,"seo":1585,"slug":1586,"stem":1587,"tags":1588,"updatedAt":1584,"__hash__":1591},"blog\u002Fblog\u002Fimage-compress-seo-wordpress.md","画像圧縮でWordPressの表示速度を改善する方法【SEO効果も解説】",{"type":8,"value":1296,"toc":1568},[1297,1300,1304,1307,1321,1330,1333,1336,1339,1347,1355,1363,1367,1371,1379,1383,1386,1393,1396,1400,1426,1434,1438,1441,1445,1456,1459,1554,1557,1559,1562],[11,1298,1299],{},"WordPressサイトを運営していると、「ページの読み込みが遅い」「Google Search Consoleで速度の改善を促す警告が出ている」という状況に直面することは少なくない。その原因の多くは、最適化されていない画像ファイルにある。本記事では、画像圧縮がなぜSEOに影響するのかを整理したうえで、実際の対処方法を順を追って説明する。",[18,1301,1303],{"id":1302},"画像ファイルサイズがwordpressのseoに与える影響","画像ファイルサイズがWordPressのSEOに与える影響",[11,1305,1306],{},"Googleは2021年にCore Web Vitals（CWV）を検索ランキングの正式な評価指標に組み込んだ。CWVの中でも特に画像と密接に関わるのが以下の2つだ。",[303,1308,1309,1315],{},[306,1310,1311,1314],{},[309,1312,1313],{},"LCP（Largest Contentful Paint）","：ページ内で最も大きな可視コンテンツが描画されるまでの時間。多くの場合、ヒーロー画像がLCP要素になる。",[306,1316,1317,1320],{},[309,1318,1319],{},"CLS（Cumulative Layout Shift）","：画像の縦横比が未指定だとレイアウトずれが発生し、CLSスコアが悪化する。",[11,1322,1323,1324,1329],{},"Googleのドキュメント（",[288,1325,1328],{"href":1326,"rel":1327},"https:\u002F\u002Fweb.dev\u002Farticles\u002Foptimize-lcp",[292],"Optimize Largest Contentful Paint","）では、LCPを2.5秒以内に収めることが「良好」の基準とされている。スマートフォン回線で数MB単位の画像を読み込む構成では、この基準を満たすことは難しい。",[11,1331,1332],{},"さらに、表示速度はユーザー体験にも直結する。Googleの調査によれば、モバイルページの読み込みに3秒以上かかると直帰率が大幅に上昇するとされており、コンバージョン率にも影響が出る。「SEOのためだけに改善する」というよりも、訪問者の離脱を防ぐ実務的な課題として捉えるほうが正確だ。",[18,1334,1335],{"id":1335},"未圧縮画像が生まれる典型的なパターン",[11,1337,1338],{},"WordPressで画像が最適化されないまま公開されてしまうケースには、いくつかの共通パターンがある。",[11,1340,1341,1344,1346],{},[309,1342,1343],{},"スマートフォンで撮影した写真をそのままアップロードする",[1138,1345],{},"\n近年のスマートフォンカメラは高解像度で、1枚あたり3〜8MBになることもある。これをリサイズも圧縮もせずにメディアライブラリに追加すると、ページ全体のデータ量が跳ね上がる。",[11,1348,1349,1352,1354],{},[309,1350,1351],{},"デザインツールからエクスポートした画像をそのまま使う",[1138,1353],{},"\nFigmaやPhotoshopからエクスポートする際、デフォルト設定では品質を落とさない形で出力されることが多い。Web向けの書き出しオプションを意識しないと大きなファイルになりやすい。",[11,1356,1357,1360,1362],{},[309,1358,1359],{},"プラグイン任せにしていたが実は機能していなかった",[1138,1361],{},"\nShortPixelやEWWW Image Optimizerなどの最適化プラグインは有効だが、設定が正しくなかったり、無料プランの処理上限に達していたりして、後からアップロードした画像が未圧縮のまま残るケースがある。",[18,1364,1366],{"id":1365},"wordpressの画像圧縮を改善する具体的な手順","WordPressの画像圧縮を改善する具体的な手順",[26,1368,1370],{"id":1369},"step-1現状のページ速度を計測する","Step 1：現状のページ速度を計測する",[11,1372,1373,1374,1378],{},"まずGoogle PageSpeed Insights（",[288,1375,1376],{"href":1376,"rel":1377},"https:\u002F\u002Fpagespeed.web.dev\u002F",[292],"）でURLを入力し、現在のLCPスコアと「適切なサイズの画像」「次世代フォーマット」などの診断項目を確認する。改善対象の画像が特定できたら、次のステップに進む。",[26,1380,1382],{"id":1381},"step-2アップロード前に画像を圧縮する","Step 2：アップロード前に画像を圧縮する",[11,1384,1385],{},"WordPressにアップロードする前に画像を圧縮しておくのが最も確実な方法だ。プラグインに頼る場合でも、元ファイルを軽くしておくことで処理の精度が上がる。",[11,1387,1388,1389,1392],{},"ブラウザ上で手軽に圧縮したい場合は、",[288,1390,1391],{"href":437},"画像圧縮ツール","を使う方法がある。ファイルをサーバーに送信せずブラウザ内だけで処理するため、顧客の写真や社内資料など、外部サービスにアップロードしたくない画像でも安心して使える。圧縮後のファイルはそのままダウンロードでき、登録も不要だ。",[11,1394,1395],{},"TinyPNGやSquooshといったオンラインツールも同様の用途で使われているが、これらはファイルをサーバーに送信して処理する仕組みになっている。扱う画像の内容によっては、この点を考慮する必要がある。",[26,1397,1399],{"id":1398},"step-3適切な画像フォーマットを選ぶ","Step 3：適切な画像フォーマットを選ぶ",[303,1401,1402,1408,1414],{},[306,1403,1404,1407],{},[309,1405,1406],{},"JPEG","：写真・グラデーションを含む画像に向く。WebPへの変換でさらに削減できる。",[306,1409,1410,1413],{},[309,1411,1412],{},"PNG","：透過が必要な画像、ロゴ、スクリーンショットに使う。",[306,1415,1416,1419,1420,1425],{},[309,1417,1418],{},"WebP","：JPEGやPNGと比べてファイルサイズを20〜30%程度削減できるとされる（",[288,1421,1424],{"href":1422,"rel":1423},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FMedia\u002FFormats\u002FImage_types#webp_%E7%94%BB%E5%83%8F",[292],"MDN: WebP","）。WordPressは5.8以降でWebPをサポートしている。",[11,1427,1428,1429,1433],{},"フォーマット変換が必要な場合は、",[288,1430,1432],{"href":1431},"\u002Ftools\u002Fimage-convert","画像変換ツール","を使うとブラウザ内でJPEG・PNG・WebP間の変換が可能だ。",[26,1435,1437],{"id":1436},"step-4画像の表示サイズに合わせてリサイズする","Step 4：画像の表示サイズに合わせてリサイズする",[11,1439,1440],{},"2,000px幅の画像をCSSで600px幅のカラムに収めている場合、余分なデータを毎回読み込んでいることになる。WordPressの「メディア設定」で最大アップロードサイズを制限するか、アップロード前にリサイズしておくと無駄がない。",[26,1442,1444],{"id":1443},"step-5遅延読み込みlazy-loadを設定する","Step 5：遅延読み込み（Lazy Load）を設定する",[11,1446,1447,1448,1451,1452,1455],{},"WordPress 5.5以降、",[283,1449,1450],{},"loading=\"lazy\""," 属性がコア機能として自動的に付与される。ただし、ファーストビューにある画像（LCP要素になるもの）には ",[283,1453,1454],{},"loading=\"eager\""," を指定したほうがLCPが改善されるケースもある。テーマの実装を確認しておきたい。",[18,1457,1458],{"id":1458},"圧縮ツールを選ぶときの比較ポイント",[31,1460,1461,1478],{},[34,1462,1463],{},[37,1464,1465,1467,1469,1472,1475],{},[40,1466,767],{},[40,1468,1031],{},[40,1470,1471],{},"無料枠",[40,1473,1474],{},"フォーマット対応",[40,1476,1477],{},"登録の要否",[53,1479,1480,1496,1510,1524,1539],{},[37,1481,1482,1485,1487,1490,1493],{},[58,1483,1484],{},"zerosend 画像圧縮ツール",[58,1486,1101],{},[58,1488,1489],{},"完全無料",[58,1491,1492],{},"JPEG \u002F PNG \u002F WebP",[58,1494,1495],{},"不要",[37,1497,1498,1501,1503,1506,1508],{},[58,1499,1500],{},"TinyPNG",[58,1502,1050],{},[58,1504,1505],{},"月500枚まで",[58,1507,1492],{},[58,1509,1495],{},[37,1511,1512,1515,1517,1519,1522],{},[58,1513,1514],{},"Squoosh",[58,1516,1101],{},[58,1518,1489],{},[58,1520,1521],{},"多数対応",[58,1523,1495],{},[37,1525,1526,1529,1531,1534,1536],{},[58,1527,1528],{},"ShortPixel（WPプラグイン）",[58,1530,1050],{},[58,1532,1533],{},"月100枚まで",[58,1535,1492],{},[58,1537,1538],{},"要登録",[37,1540,1541,1544,1546,1549,1552],{},[58,1542,1543],{},"Smush（WPプラグイン）",[58,1545,1050],{},[58,1547,1548],{},"制限あり",[58,1550,1551],{},"JPEG \u002F PNG",[58,1553,1538],{},[11,1555,1556],{},"処理場所が「サーバー」の場合、ファイルが外部サーバーに送信されることを意味する。機密性の高い画像を扱う場合はこの点に注意が必要だ。",[18,1558,444],{"id":444},[11,1560,1561],{},"WordPressサイトの表示速度改善において、画像の最適化は費用対効果が高い施策の一つだ。Google PageSpeed InsightsでLCPやCLSの問題を特定し、アップロード前の圧縮・適切なフォーマットの選択・遅延読み込みの設定という3点を押さえるだけで、スコアが大きく改善するケースは多い。",[11,1563,1564,1565,1567],{},"画像をサーバーに送りたくないケースや、手軽に圧縮を試したい場合は、",[288,1566,1391],{"href":437},"のようなブラウザ内処理のツールが実用的な選択肢になる。プラグインによるサーバーサイド処理と組み合わせて使うことで、アップロード前後の両方で最適化を完結できる。",{"title":480,"searchDepth":481,"depth":481,"links":1569},[1570,1571,1572,1579,1580],{"id":1302,"depth":481,"text":1303},{"id":1335,"depth":481,"text":1335},{"id":1365,"depth":481,"text":1366,"children":1573},[1574,1575,1576,1577,1578],{"id":1369,"depth":486,"text":1370},{"id":1381,"depth":486,"text":1382},{"id":1398,"depth":486,"text":1399},{"id":1436,"depth":486,"text":1437},{"id":1443,"depth":486,"text":1444},{"id":1458,"depth":481,"text":1458},{"id":444,"depth":481,"text":444},"WordPressサイトの表示速度をCore Web Vitalsの観点から改善するために、画像圧縮が果たす役割と具体的な手順を実践的に解説します。",{},"\u002Fblog\u002Fimage-compress-seo-wordpress","2026-06-18",{"title":1294,"description":1581},"image-compress-seo-wordpress","blog\u002Fimage-compress-seo-wordpress",[510,1589,513,1590],"圧縮","Core Web Vitals","1pq7SKIYtiUc_a9vUTirpqAO4eyIPXNOV9zMmSoa5Iw",{"id":1593,"title":1594,"author":6,"body":1595,"category":496,"coverImage":497,"description":1877,"draft":499,"extension":500,"locale":501,"meta":1878,"navigation":503,"noindex":499,"path":1879,"publishedAt":1880,"seo":1881,"slug":1882,"stem":1883,"tags":1884,"updatedAt":1880,"__hash__":1886},"blog\u002Fblog\u002Fqr-code-read-scan-online.md","QRコードをカメラなしで読み取る方法｜画像ファイルから即解析",{"type":8,"value":1596,"toc":1865},[1597,1601,1604,1607,1621,1624,1626,1630,1634,1637,1644,1648,1651,1654,1658,1665,1668,1670,1674,1682,1687,1690,1695,1698,1701,1706,1709,1714,1717,1719,1722,1725,1793,1796,1803,1805,1808,1813,1816,1821,1836,1841,1844,1849,1852,1854,1856,1859],[18,1598,1600],{"id":1599},"qrコードをカメラなしで読み取りたい場面はよくある","QRコードをカメラなしで読み取りたい場面はよくある",[11,1602,1603],{},"QRコードを読み取ろうとしたとき、手元にスマートフォンがない、カメラ付きデバイスが使えない、あるいはスクリーンショットや資料に埋め込まれたQRコードをPCで処理したいという状況は意外と多い。",[11,1605,1606],{},"具体的には次のようなケースが挙げられる。",[303,1608,1609,1612,1615,1618],{},[306,1610,1611],{},"印刷物をスキャンしたPDFや画像ファイルの中にQRコードが含まれており、内容を確認したい",[306,1613,1614],{},"メールやチャットで受け取ったQRコード画像をデスクトップで即座に解析したい",[306,1616,1617],{},"社内システムで発行されたQRコード付き帳票を、業務フロー上PCだけで処理したい",[306,1619,1620],{},"スマートフォンのカメラアプリで読み取れないほど小さい・歪んでいる画像をデコードしたい",[11,1622,1623],{},"こうした場面では「スマホで撮影して読む」という一般的な方法が機能しない。では、どう対処すればよいか。",[15,1625],{},[18,1627,1629],{"id":1628},"カメラなしでqrコードを読み取る主な方法","カメラなしでQRコードを読み取る主な方法",[26,1631,1633],{"id":1632},"方法1-スクリーンショットを外部サービスにアップロードする","方法1: スクリーンショットを外部サービスにアップロードする",[11,1635,1636],{},"ZXing（ゼブラクロッシング）プロジェクトが提供するウェブデコーダーや、QRコード関連の各種オンラインツールを使う方法がある。画像をサイトにアップロードすると、サーバー側でデコード処理を行い結果を返す仕組みだ。",[11,1638,1639,1640,1643],{},"操作は簡単だが、",[309,1641,1642],{},"画像データがサーバーに送信される","という点は理解しておく必要がある。QRコードの内容がWi-Fiパスワード、個人連絡先（MECARDやvCard形式）、社内システムのURLといった機密性の高い情報の場合、外部サーバーへの送信はリスクになりうる。",[26,1645,1647],{"id":1646},"方法2-画像編集ソフトやosの機能を使う","方法2: 画像編集ソフトやOSの機能を使う",[11,1649,1650],{},"macOSのPreview（プレビュー）アプリは、Live Textが有効な環境でQRコードの内容を読み取れることがある。ただし認識精度はQRコードの種類やサイズに依存し、確実ではない。",[11,1652,1653],{},"Windows標準のフォトアプリにはQRコードデコード機能がない。サードパーティのデスクトップアプリを別途インストールする手もあるが、業務端末では管理者権限の問題が生じることもある。",[26,1655,1657],{"id":1656},"方法3-ブラウザ内で完結する処理を使う","方法3: ブラウザ内で完結する処理を使う",[11,1659,1660,1661,1664],{},"近年、WebAssembly（WASM）やブラウザのネイティブAPIを活用することで、",[309,1662,1663],{},"ファイルをサーバーに送信せずに","ブラウザ内だけでQRコードをデコードする実装が可能になっている。画像データは端末のメモリ内だけで処理され、外部には出ない。",[11,1666,1667],{},"この方式は、セキュリティポリシーが厳しい職場環境や、個人情報を含むQRコードを扱う場面に適している。",[15,1669],{},[18,1671,1673],{"id":1672},"ブラウザだけでqrコードを読み取る手順","ブラウザだけでQRコードを読み取る手順",[11,1675,1676,1677,1681],{},"ここでは、サーバー送信なしにQRコードを解析できる ",[288,1678,1680],{"href":1679},"\u002Ftools\u002Fqr-read","QR コード読み取りツール"," を例に、具体的な操作の流れを示す。",[11,1683,1684],{},[309,1685,1686],{},"手順1: ページを開く",[11,1688,1689],{},"PCのブラウザ（Chrome \u002F Firefox \u002F Safari \u002F Edge いずれも対応）でツールページにアクセスする。アカウント登録やプラグインのインストールは不要。",[11,1691,1692],{},[309,1693,1694],{},"手順2: QRコードを含む画像を用意する",[11,1696,1697],{},"デコードしたいQRコードが含まれる画像ファイル（PNG \u002F JPG \u002F WebP \u002F GIF など）を用意する。スクリーンショットでも、スキャンしたPDFから抽出した画像でも構わない。",[11,1699,1700],{},"QRコードが画像全体に対して小さすぎる場合は、あらかじめQRコード部分だけを切り抜いてから使うと認識精度が上がる。",[11,1702,1703],{},[309,1704,1705],{},"手順3: 画像をドロップまたはファイル選択でアップロードする",[11,1707,1708],{},"ツール画面の指定エリアにファイルをドラッグ＆ドロップするか、クリックしてファイルを選択する。処理はすべてブラウザ内で行われ、外部への通信は発生しない。",[11,1710,1711],{},[309,1712,1713],{},"手順4: 結果を確認・コピーする",[11,1715,1716],{},"デコードが完了すると、QRコードに埋め込まれていたテキスト（URL、Wi-Fi設定文字列、連絡先データ、フリーテキストなど）が画面に表示される。テキストはそのままコピーできる。",[15,1718],{},[18,1720,1721],{"id":1721},"オンラインツールを選ぶときのチェックポイント",[11,1723,1724],{},"QRコードのデコードに使うツールを選ぶ際、以下の観点で比較するとよい。",[31,1726,1727,1740],{},[34,1728,1729],{},[37,1730,1731,1734,1737],{},[40,1732,1733],{},"観点",[40,1735,1736],{},"サーバー処理型",[40,1738,1739],{},"ブラウザ内処理型",[53,1741,1742,1753,1764,1773,1782],{},[37,1743,1744,1747,1750],{},[58,1745,1746],{},"画像データの送信先",[58,1748,1749],{},"外部サーバー",[58,1751,1752],{},"なし（端末内のみ）",[37,1754,1755,1758,1761],{},[58,1756,1757],{},"機密QRコードへの適性",[58,1759,1760],{},"要注意",[58,1762,1763],{},"適している",[37,1765,1766,1769,1771],{},[58,1767,1768],{},"インストール",[58,1770,1495],{},[58,1772,1495],{},[37,1774,1775,1777,1779],{},[58,1776,1040],{},[58,1778,1059],{},[58,1780,1781],{},"可（キャッシュ後）",[37,1783,1784,1787,1790],{},[58,1785,1786],{},"処理速度",[58,1788,1789],{},"通信速度に依存",[58,1791,1792],{},"ほぼ即時",[11,1794,1795],{},"「送信先サーバー」の列が示すとおり、ツールの選択はデータの扱いに直結する。QRコードの内容が何であるかによって、使うツールを意識的に選ぶことが重要だ。",[11,1797,1798,1799,1802],{},"代表的なオンラインツールとしては、ZXingのウェブデコーダー（",[283,1800,1801],{},"zxing.org\u002Fw\u002Fdecode.jspx","）がよく知られているが、前述のとおりサーバー送信型であることは把握しておくべきだ。",[15,1804],{},[18,1806,1807],{"id":1807},"よくある疑問",[11,1809,1810],{},[309,1811,1812],{},"Q. 画像内にQRコードが複数ある場合は？",[11,1814,1815],{},"ツールの実装によって異なる。複数QRコードの同時認識に対応しているものもあれば、最初に検出した1つだけを返すものもある。確認が必要な場合は、QRコードを個別に切り抜いた画像を使うのが確実。",[11,1817,1818],{},[309,1819,1820],{},"Q. 暗い・ぼやけた画像でも読み取れるか？",[11,1822,1823,1824,1829,1830,1835],{},"QRコードのデコードライブラリ（",[288,1825,1828],{"href":1826,"rel":1827},"https:\u002F\u002Fgithub.com\u002Fzxing\u002Fzxing",[292],"ZXing"," や ",[288,1831,1834],{"href":1832,"rel":1833},"https:\u002F\u002Fgithub.com\u002Fcozmo\u002FjsQR",[292],"jsQR"," など）は一定の画像補正を内部で行うが、極端にぼやけていたり回転が激しい場合は認識に失敗することがある。画像を明るく補正する、コントラストを上げるといった前処理が有効なことがある。",[11,1837,1838],{},[309,1839,1840],{},"Q. スマートフォンでも使えるか？",[11,1842,1843],{},"ブラウザ内処理型のツールはスマートフォンのブラウザからも利用できる。カメラを使わず、保存済みの画像ファイルを読み込む形で動作する。",[11,1845,1846],{},[309,1847,1848],{},"Q. Wi-Fiパスワードが入ったQRコードを読んでも安全か？",[11,1850,1851],{},"ブラウザ内処理型であれば、画像データも解析結果もサーバーには送信されない。ただし、利用しているネットワーク環境やブラウザ拡張機能が通信を傍受していないかは別途確認が必要。セキュリティが最優先の環境では、オフライン状態でブラウザを使う方法も選択肢に入る。",[15,1853],{},[18,1855,444],{"id":444},[11,1857,1858],{},"QRコードをカメラなしで読み取る方法は複数あり、それぞれデータの扱いが異なる。機密性の低い情報であれば外部サービスで十分だが、Wi-Fiパスワードや個人情報を含む場合はブラウザ内処理型のツールを選ぶ方が合理的だ。",[11,1860,1861,1862,1864],{},"操作手順はシンプルで、画像ファイルをブラウザに渡すだけ。インストールも登録も不要なため、突発的な業務ニーズにもすぐ対応できる。QRコードが含まれる画像を手元で処理したい場面があれば、",[288,1863,1680],{"href":1679}," を選択肢の一つとして参照してほしい。",{"title":480,"searchDepth":481,"depth":481,"links":1866},[1867,1868,1873,1874,1875,1876],{"id":1599,"depth":481,"text":1600},{"id":1628,"depth":481,"text":1629,"children":1869},[1870,1871,1872],{"id":1632,"depth":486,"text":1633},{"id":1646,"depth":486,"text":1647},{"id":1656,"depth":486,"text":1657},{"id":1672,"depth":481,"text":1673},{"id":1721,"depth":481,"text":1721},{"id":1807,"depth":481,"text":1807},{"id":444,"depth":481,"text":444},"スマホカメラが使えない状況でもQRコードを読み取る方法を解説。画像ファイルをブラウザにアップロードするだけで、サーバー送信なしにURLや文字列を取得できる手順を紹介。",{},"\u002Fblog\u002Fqr-code-read-scan-online","2026-06-17",{"title":1594,"description":1877},"qr-code-read-scan-online","blog\u002Fqr-code-read-scan-online",[1885,766,767,765],"ブラウザ","4mRj3dgjaE_SkZmiRkGgw9Lj_PkmAcre2x9Z8RBd7iM",{"id":1888,"title":1889,"author":6,"body":1890,"category":496,"coverImage":497,"description":2173,"draft":499,"extension":500,"locale":501,"meta":2174,"navigation":503,"noindex":499,"path":2175,"publishedAt":2176,"seo":2177,"slug":2178,"stem":2179,"tags":2180,"updatedAt":2176,"__hash__":2181},"blog\u002Fblog\u002Fpdf-edit-page-delete-rotate.md","PDFのページを削除・回転・編集する方法｜オンライン無料ツールの選び方",{"type":8,"value":1891,"toc":2165},[1892,1896,1899,1902,1905,1912,1914,1917,1920,1931,1934,1937,1939,1943,1946,2042,2045,2048,2050,2054,2060,2063,2072,2078,2084,2102,2108,2110,2113,2116,2121,2127,2138,2144,2146,2148,2151,2154,2157],[18,1893,1895],{"id":1894},"pdfのページ編集でよくある困りごと","PDFのページ編集でよくある困りごと",[11,1897,1898],{},"業務でPDFを扱っていると、「このページだけ削除したい」「スキャンした向きが横になってしまった」「ページの順番を入れ替えたい」という場面に頻繁に遭遇する。",[11,1900,1901],{},"しかし、PDFはそもそも編集を前提としないフォーマットだ。Wordファイルのように開いてすぐ編集できるわけではなく、専用のソフトウェアかオンラインツールが必要になる。",[11,1903,1904],{},"Adobe Acrobatの有料プランを契約している人ならすぐ解決できるが、月額1,000〜2,000円以上のコストをかけるほどでもない、一時的な編集作業のためだけに契約するのはもったいない。そこで「オンライン 無料」で検索することになる。",[11,1906,1907,1908,1911],{},"ところが、無料のオンラインPDF編集ツールには見落としがちな問題がある。",[309,1909,1910],{},"アップロードしたファイルがサービス側のサーバーに送信・保存される","ことだ。",[15,1913],{},[18,1915,1916],{"id":1916},"サーバー送信の何が問題なのか",[11,1918,1919],{},"「無料で使えるならいい」と思うかもしれないが、PDFには機密情報が含まれることが多い。",[303,1921,1922,1925,1928],{},[306,1923,1924],{},"社内の稟議書・契約書",[306,1926,1927],{},"個人情報が記載された申請書類",[306,1929,1930],{},"財務資料や見積書",[11,1932,1933],{},"こういったファイルをSmallpdfやiLovePDFなどの海外サービスにアップロードすると、ファイルは一時的にでも相手のサーバーに送られる。各サービスは「処理後に削除する」としているが、送信した事実はゼロにならない。社内のセキュリティポリシーや、個人情報保護の観点から、これを避けたいケースは少なくない。",[11,1935,1936],{},"特にWeb担当者や法務・経理部門で働く人にとって、ファイルの外部送信は運用上のリスクになりうる。",[15,1938],{},[18,1940,1942],{"id":1941},"オンラインpdf編集ツールの主な機能と比較","オンラインPDF編集ツールの主な機能と比較",[11,1944,1945],{},"代表的なオンラインPDF編集ツールが対応している主な機能と、セキュリティ面を整理した。",[31,1947,1948,1968],{},[34,1949,1950],{},[37,1951,1952,1954,1957,1960,1963,1966],{},[40,1953,767],{},[40,1955,1956],{},"ページ削除",[40,1958,1959],{},"ページ回転",[40,1961,1962],{},"並び替え",[40,1964,1965],{},"サーバー送信",[40,1967,1034],{},[53,1969,1970,1988,2004,2020],{},[37,1971,1972,1975,1978,1980,1982,1985],{},[58,1973,1974],{},"Smallpdf",[58,1976,1977],{},"○",[58,1979,1977],{},[58,1981,1977],{},[58,1983,1984],{},"あり",[58,1986,1987],{},"1日2回まで",[37,1989,1990,1993,1995,1997,1999,2001],{},[58,1991,1992],{},"iLovePDF",[58,1994,1977],{},[58,1996,1977],{},[58,1998,1977],{},[58,2000,1984],{},[58,2002,2003],{},"ファイルサイズ上限あり",[37,2005,2006,2009,2011,2013,2015,2017],{},[58,2007,2008],{},"Adobe Acrobat (Web)",[58,2010,1977],{},[58,2012,1977],{},[58,2014,1977],{},[58,2016,1984],{},[58,2018,2019],{},"月2回まで（要ログイン）",[37,2021,2022,2029,2031,2033,2035,2040],{},[58,2023,2024,2028],{},[288,2025,2027],{"href":2026},"\u002Ftools\u002Fpdf-edit","PDF ページ編集ツール"," (zerosend)",[58,2030,1977],{},[58,2032,1977],{},[58,2034,1977],{},[58,2036,2037],{},[309,2038,2039],{},"なし（ブラウザ内完結）",[58,2041,1084],{},[11,2043,2044],{},"SmallpdfやiLovePDFは機能面では充実しており、日本語UIも整っている。ただし、いずれもファイルはサーバーに送信される。Adobe Acrobatは信頼性が高いが、フル機能は有料プランに限定されている。",[11,2046,2047],{},"ブラウザ内だけで処理を完結させたい場合、選択肢は限られてくる。",[15,2049],{},[18,2051,2053],{"id":2052},"ブラウザ内完結でpdfを編集する手順","ブラウザ内完結でPDFを編集する手順",[11,2055,2056,2057,2059],{},"zerosendの",[288,2058,2027],{"href":2026},"は、WebAssembly（WASM）技術を使ってPDFの処理をすべてブラウザ内で実行する。ファイルはユーザーのPC上でのみ扱われ、外部のサーバーには一切送信されない。ブラウザのDevTools（開発者ツール）のNetworkタブを開いた状態で使ってみると、ファイルのアップロード通信が発生しないことを自分で確認できる。",[11,2061,2062],{},"操作の流れは以下のとおりだ。",[11,2064,2065,2068,2071],{},[309,2066,2067],{},"1. ツールページを開く",[288,2069,2070],{"href":2026},"PDFページ編集ツール"," にアクセスする。インストール不要で、ブラウザだけで動作する。",[11,2073,2074,2077],{},[309,2075,2076],{},"2. PDFファイルを読み込む","\nドラッグ&ドロップ、またはファイル選択ボタンでPDFを開く。このとき、ファイルはサーバーへ送信されず、ブラウザのメモリ上に読み込まれる。",[11,2079,2080,2083],{},[309,2081,2082],{},"3. 編集作業を行う","\nページ一覧がサムネイル表示されるので、対象ページを選んで操作する。",[303,2085,2086,2091,2096],{},[306,2087,2088,2090],{},[309,2089,1956],{},": 不要なページを選択してゴミ箱アイコンをクリック",[306,2092,2093,2095],{},[309,2094,1959],{},": 90°・180°・270°の回転を選択して適用",[306,2097,2098,2101],{},[309,2099,2100],{},"ページ並び替え",": ドラッグ&ドロップでページ順を変更",[11,2103,2104,2107],{},[309,2105,2106],{},"4. ダウンロード","\n編集が完了したら「ダウンロード」ボタンをクリックして、編集済みPDFをローカルに保存する。",[15,2109],{},[18,2111,2112],{"id":2112},"使う前に知っておきたい注意点",[11,2114,2115],{},"ブラウザ内処理のツールを使う際に確認しておくべき点がいくつかある。",[11,2117,2118,2120],{},[309,2119,598],{},"\nブラウザのメモリを使って処理するため、極端に大きいPDF（100MB超など）では動作が遅くなったり、処理に失敗することがある。一般的な業務文書（数MB〜数十MB程度）であれば問題ない範囲がほとんどだ。",[11,2122,2123,2126],{},[309,2124,2125],{},"パスワード付きPDFへの対応","\n暗号化・パスワード保護されたPDFは、多くのブラウザ内ツールでそのままでは編集できない。事前にパスワードを解除したうえで使う必要がある。",[11,2128,2129,2132,2133],{},[309,2130,2131],{},"ブラウザの種類とバージョン","\nWebAssemblyを使うツールは、モダンブラウザ（Chrome・Firefox・Edge・Safariの最新版）での動作が前提だ。古いブラウザでは動作しない場合がある。",[288,2134,2137],{"href":2135,"rel":2136},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWebAssembly",[292],"WebAssemblyのブラウザ対応状況はMDN Web Docsで確認できる。",[11,2139,2140,2143],{},[309,2141,2142],{},"フォント・レイアウトの保持","\nPDF内のテキストや画像のレイアウトは基本的に保持されるが、特殊なフォントや複雑な構造を持つPDFでは一部表示が崩れる場合がある。重要な書類は編集後に必ず内容を確認すること。",[15,2145],{},[18,2147,444],{"id":444},[11,2149,2150],{},"PDFのページ削除・回転・並び替えは、専用ソフトがなくてもオンラインで対応できる。ただし、ツールを選ぶ際は「使いやすさ」だけでなく「ファイルがどこに送られるか」も確認することが重要だ。",[11,2152,2153],{},"機密性の低いファイルであれば、SmallpdfやiLovePDFのような定番サービスも選択肢になる。一方、社内文書や個人情報を含むPDFを扱う場合は、サーバー送信が発生しないブラウザ内処理のツールを選ぶほうがリスクを抑えられる。",[11,2155,2156],{},"用途とセキュリティ要件を踏まえて、適切なツールを使い分けるのが現実的な対応だ。",[11,2158,2159,2160,2164],{},"WebAssemblyによるブラウザ内処理の技術的な背景については、",[288,2161,2163],{"href":818,"rel":2162},[292],"W3CのWebAssembly仕様","も参照されたい。",{"title":480,"searchDepth":481,"depth":481,"links":2166},[2167,2168,2169,2170,2171,2172],{"id":1894,"depth":481,"text":1895},{"id":1916,"depth":481,"text":1916},{"id":1941,"depth":481,"text":1942},{"id":2052,"depth":481,"text":2053},{"id":2112,"depth":481,"text":2112},{"id":444,"depth":481,"text":444},"PDFのページ削除・回転・並び替えをオンラインで無料で行う方法を解説。ファイルをサーバーに送信せずブラウザ内で完結するツールの使い方も紹介。",{},"\u002Fblog\u002Fpdf-edit-page-delete-rotate","2026-06-16",{"title":1889,"description":2173},"pdf-edit-page-delete-rotate","blog\u002Fpdf-edit-page-delete-rotate",[929,766,765,767],"QCQ_75yymWiRwMArlECO9tH8r0SsmUbu4kOskBce1lI",{"id":2183,"title":2184,"author":6,"body":2185,"category":496,"coverImage":497,"description":2501,"draft":499,"extension":500,"locale":501,"meta":2502,"navigation":503,"noindex":499,"path":2503,"publishedAt":2504,"seo":2505,"slug":2506,"stem":2507,"tags":2508,"updatedAt":2504,"__hash__":2510},"blog\u002Fblog\u002Ffile-upload-privacy-risk.md","ファイルをアップロードする前に知るべきプライバシーリスクとブラウザ処理という選択肢",{"type":8,"value":2186,"toc":2489},[2187,2191,2194,2197,2200,2203,2206,2209,2212,2232,2235,2237,2241,2248,2257,2260,2263,2266,2285,2288,2290,2293,2296,2385,2392,2394,2398,2406,2441,2444,2452,2454,2458,2461,2469,2472,2486],[18,2188,2190],{"id":2189},"ファイルをオンラインツールに送るとき何が起きているか","ファイルをオンラインツールに送るとき、何が起きているか",[11,2192,2193],{},"PDFを圧縮したい、画像を変換したい――そんなとき、検索して最初に表示されたWebツールにファイルをドロップした経験は多いはずだ。操作は簡単で、数秒で結果が返ってくる。しかし「アップロード」という行為の裏側では、ファイルがそのサービスのサーバーに転送されている。",[11,2195,2196],{},"これは技術的に当然の動作だが、ユーザー側が意識する機会は少ない。ファイルの中身が契約書、給与明細、顧客リスト、医療データであっても、アップロードという操作そのものは変わらないからだ。",[26,2198,2199],{"id":2199},"サーバー側に残るデータの実態",[11,2201,2202],{},"多くのオンラインツールは、処理後にファイルを「自動削除する」と明記している。ただし削除のタイミングはサービスによって異なり、1時間後・24時間後・手動削除まで残るなど幅がある。また、削除ポリシーが明文化されていても、バックアップストレージや CDN キャッシュに残るケースは排除しきれない。",[11,2204,2205],{},"プライバシーポリシーを確認しても、「処理目的のみに使用する」という記述が大半で、第三者提供や機械学習への利用可否が曖昧なサービスも存在する。欧州の GDPR（General Data Protection Regulation）や日本の個人情報保護法では、データ管理者の義務が明確に定められているが、サービスの所在地が国外であれば実質的な執行は困難だ。",[26,2207,2208],{"id":2208},"情報漏洩リスクが現実になる条件",[11,2210,2211],{},"サーバー処理型のツールが抱えるリスクは、悪意の有無に関わらず顕在化する。",[303,2213,2214,2220,2226],{},[306,2215,2216,2219],{},[309,2217,2218],{},"通信経路の問題",": HTTPS が標準化されているとはいえ、証明書の設定ミスや中間者攻撃のリスクはゼロではない",[306,2221,2222,2225],{},[309,2223,2224],{},"ストレージの脆弱性",": サービス側のクラウドストレージに設定ミスがあれば、保存ファイルが外部から参照できる状態になる",[306,2227,2228,2231],{},[309,2229,2230],{},"インシデント対応の遅延",": 中小規模のツール提供者はセキュリティ監視体制が薄く、漏洩の検知・通知が遅れる傾向がある",[11,2233,2234],{},"実際、2023年には複数のオンラインファイル変換サービスで、ユーザーがアップロードしたファイルが一定期間インターネット上に公開状態になる事案が報告されている。意図的な攻撃ではなく、設定ミスによるものだった。",[15,2236],{},[18,2238,2240],{"id":2239},"ブラウザ内処理とは何かなぜ安全なのか","ブラウザ内処理とは何か、なぜ安全なのか",[11,2242,2243,2244,2247],{},"「ブラウザ内処理」とは、ファイルの変換・圧縮・編集をサーバーに送らず、ユーザーの端末上で動かす方式を指す。技術的な基盤となるのは ",[309,2245,2246],{},"WebAssembly（WASM）"," だ。",[11,2249,2250,2251,2256],{},"WebAssembly は、C・C++・Rust などで書かれた高速な処理ロジックをブラウザ上で実行できる形式にコンパイルしたもので、2019年に W3C が正式な Web 標準として勧告した（",[288,2252,2255],{"href":2253,"rel":2254},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fwasm-core-1\u002F",[292],"W3C WebAssembly 仕様","）。ffmpeg のような映像処理ライブラリも WASM ポートが公開されており、ブラウザだけで動画・音声・画像・PDF の処理が実現できる。",[11,2258,2259],{},"ブラウザ内処理の場合、ファイルはローカルメモリ上にのみ存在し、処理結果もそのままダウンロードされる。ブラウザの DevTools で Network タブを開きながら操作すれば、ファイルのバイナリデータが外部に送信されていないことを自分で確認できる。",[26,2261,2262],{"id":2262},"ブラウザ処理の制約",[11,2264,2265],{},"ただしブラウザ内処理が万能ではない点も押さえておく必要がある。",[303,2267,2268,2273,2279],{},[306,2269,2270,2272],{},[309,2271,1786],{},": サーバー処理に比べ、端末のスペックに依存する。低スペック端末では大容量ファイルの処理に時間がかかる",[306,2274,2275,2278],{},[309,2276,2277],{},"対応フォーマット",": WASM に移植されているライブラリの範囲に限られるため、ニッチなフォーマットは対応外のことがある",[306,2280,2281,2284],{},[309,2282,2283],{},"メモリ制限",": ブラウザのメモリ割り当ては OS・ブラウザ設定に依存し、数 GB を超えるファイルは処理できないことがある",[11,2286,2287],{},"これらの制約を把握した上で、機密性の高いファイルを扱う場面ではブラウザ内処理を選ぶ、という判断基準が現実的だ。",[15,2289],{},[18,2291,2292],{"id":2292},"サーバー送信型とブラウザ処理型の比較",[11,2294,2295],{},"実際の判断材料として、代表的なツールを比較する。",[31,2297,2298,2311],{},[34,2299,2300],{},[37,2301,2302,2305,2308],{},[40,2303,2304],{},"項目",[40,2306,2307],{},"Smallpdf \u002F iLovePDF（サーバー処理型）",[40,2309,2310],{},"zerosend PDF 圧縮（ブラウザ内処理型）",[53,2312,2313,2324,2335,2345,2354,2364,2374],{},[37,2314,2315,2318,2321],{},[58,2316,2317],{},"ファイルの送信先",[58,2319,2320],{},"サービスのクラウドサーバー",[58,2322,2323],{},"送信なし（端末内のみ）",[37,2325,2326,2329,2332],{},[58,2327,2328],{},"削除ポリシー",[58,2330,2331],{},"処理後1〜24時間で自動削除（サービス依存）",[58,2333,2334],{},"保存自体しない",[37,2336,2337,2340,2343],{},[58,2338,2339],{},"利用登録",[58,2341,2342],{},"無料プランあり、一部機能は登録必須",[58,2344,1495],{},[37,2346,2347,2349,2351],{},[58,2348,1040],{},[58,2350,1059],{},[58,2352,2353],{},"Service Worker キャッシュ後は可能",[37,2355,2356,2358,2361],{},[58,2357,1786],{},[58,2359,2360],{},"サーバーリソースに依存、高速",[58,2362,2363],{},"端末スペックに依存",[37,2365,2366,2369,2372],{},[58,2367,2368],{},"料金",[58,2370,2371],{},"無料プランあり、高機能は有料",[58,2373,1489],{},[37,2375,2376,2379,2382],{},[58,2377,2378],{},"透明性の確認方法",[58,2380,2381],{},"プライバシーポリシーの読み込みが必要",[58,2383,2384],{},"DevTools Network タブで即確認可能",[11,2386,2387,2388,2391],{},"Smallpdf や iLovePDF は UI の完成度が高く、バッチ処理や OCR など高度な機能が揃っている。一方で、ファイルが一時的にせよ外部サーバーに存在する事実は変わらない。どちらが優れているという話ではなく、",[309,2389,2390],{},"扱うファイルの機密度に応じて使い分ける","のが合理的な判断だ。",[15,2393],{},[18,2395,2397],{"id":2396},"ブラウザ内でpdfを圧縮する具体的な手順","ブラウザ内でPDFを圧縮する具体的な手順",[11,2399,2400,2401,2405],{},"機密性の高いPDFを圧縮する場合、",[288,2402,2404],{"href":2403},"\u002Ftools\u002Fpdf-compress","PDF 圧縮ツール"," を使った手順は以下のとおりだ。",[340,2407,2408,2417,2423,2429,2435],{},[306,2409,2410,2412,2413,2416],{},[309,2411,1136],{},": ",[283,2414,2415],{},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fpdf-compress"," にアクセスする",[306,2418,2419,2422],{},[309,2420,2421],{},"ファイルを選択",": ドラッグ＆ドロップ、またはファイル選択ボタンから PDF を指定する",[306,2424,2425,2428],{},[309,2426,2427],{},"圧縮品質を設定",": スライダーで圧縮レベルを調整する（デフォルト設定でも多くの場合十分）",[306,2430,2431,2434],{},[309,2432,2433],{},"処理を実行",": 「圧縮する」ボタンをクリック。処理はすべてブラウザ内で完結する",[306,2436,2437,2440],{},[309,2438,2439],{},"ダウンロード",": 完了後、圧縮済みファイルをローカルに保存する",[11,2442,2443],{},"処理中に DevTools（F12 → Network タブ）を開いておくと、外部へのファイル送信がないことをリアルタイムで確認できる。これが「ブラウザ内処理」の透明性の強みだ。",[11,2445,2446,2447,2451],{},"なお、PDF 以外のファイル変換や圧縮が必要な場合は、",[288,2448,2450],{"href":2449},"\u002F","zerosend のツール一覧"," から用途に合ったツールを確認できる。画像の圧縮や動画変換も同様のブラウザ内処理で動作する。",[15,2453],{},[18,2455,2457],{"id":2456},"まとめファイルの機密度で処理方法を選ぶ","まとめ：ファイルの機密度で処理方法を選ぶ",[11,2459,2460],{},"オンラインツールへのファイルアップロードが持つリスクは、サービスの信頼性とは別に構造的に存在する。ファイルが外部サーバーに存在する時間がある以上、設定ミス・インシデント・法的要請へのリスクはゼロにならない。",[11,2462,2463,2464,2468],{},"MDN Web Docs の ",[288,2465,2467],{"href":2135,"rel":2466},[292],"WebAssembly 解説ページ"," にあるとおり、WASM はすでにすべての主要ブラウザでサポートされており、ブラウザ内処理は特殊な環境を必要としない一般的な技術になっている。",[11,2470,2471],{},"判断の基準はシンプルだ。",[303,2473,2474,2480],{},[306,2475,2476,2479],{},[309,2477,2478],{},"公開情報・非機密ファイル",": 利便性重視でサーバー処理型を使う",[306,2481,2482,2485],{},[309,2483,2484],{},"契約書・個人情報・社外秘ファイル",": ブラウザ内処理型を選ぶ",[11,2487,2488],{},"ツールの選択は、セキュリティポリシーの問題であると同時に、ファイルを扱う者の基本的な判断力の問題でもある。",{"title":480,"searchDepth":481,"depth":481,"links":2490},[2491,2495,2498,2499,2500],{"id":2189,"depth":481,"text":2190,"children":2492},[2493,2494],{"id":2199,"depth":486,"text":2199},{"id":2208,"depth":486,"text":2208},{"id":2239,"depth":481,"text":2240,"children":2496},[2497],{"id":2262,"depth":486,"text":2262},{"id":2292,"depth":481,"text":2292},{"id":2396,"depth":481,"text":2397},{"id":2456,"depth":481,"text":2457},"オンラインツールへのファイルアップロードが抱えるプライバシーリスクを解説。ブラウザ内処理との違いや、PDF圧縮を安全に行う具体的な方法を紹介します。",{},"\u002Fblog\u002Ffile-upload-privacy-risk","2026-06-15",{"title":2184,"description":2501},"file-upload-privacy-risk","blog\u002Ffile-upload-privacy-risk",[2509,766,1589,1885],"セキュリティ","Zlc-xnyo7n3T8b0s5Mpax3GWMkZqnILGKOjB1ViQtdI",{"id":2512,"title":2513,"author":6,"body":2514,"category":496,"coverImage":497,"description":2848,"draft":499,"extension":500,"locale":501,"meta":2849,"navigation":503,"noindex":499,"path":2850,"publishedAt":2851,"seo":2852,"slug":2853,"stem":2854,"tags":2855,"updatedAt":2851,"__hash__":2856},"blog\u002Fblog\u002Fimage-merge-collage-free.md","画像を横並び・縦並びに無料で結合する方法【コラージュ作成】",{"type":8,"value":2515,"toc":2833},[2516,2520,2523,2537,2540,2542,2545,2548,2552,2555,2559,2566,2569,2573,2576,2578,2581,2584,2684,2687,2689,2692,2697,2700,2705,2711,2716,2719,2724,2727,2732,2735,2738,2741,2743,2745,2750,2753,2758,2761,2766,2769,2774,2777,2782,2788,2790,2792,2795,2815,2830],[18,2517,2519],{"id":2518},"画像を結合したいシーンはどんなとき","画像を結合したいシーンはどんなとき？",[11,2521,2522],{},"複数の写真を1枚にまとめたい場面は、業務でも個人利用でも頻繁に発生する。",[303,2524,2525,2528,2531,2534],{},[306,2526,2527],{},"SNSに投稿するコラージュを作りたい",[306,2529,2530],{},"ビフォーアフターの比較画像を横並びで見せたい",[306,2532,2533],{},"複数のスクリーンショットを縦に並べて1枚のレポート用画像にまとめたい",[306,2535,2536],{},"プレゼン資料に貼る画像を事前に結合しておきたい",[11,2538,2539],{},"こうした用途で「画像 結合」と検索すると、Webサービスやアプリが多数ヒットする。ただし、選択肢が多すぎてどれを使えばいいか迷うケースも多い。本記事では、画像結合の基本的な考え方と、実際の手順を整理する。",[15,2541],{},[18,2543,2544],{"id":2544},"画像結合の主な方法と特徴",[11,2546,2547],{},"画像を結合する手段は大きく3つに分類できる。",[26,2549,2551],{"id":2550},"_1-デスクトップアプリphotoshopgimp等","1. デスクトップアプリ（Photoshop・GIMP等）",[11,2553,2554],{},"Adobe Photoshopや無料のGIMPを使えば、細かいレイアウト調整を含む高度な結合が可能だ。ただし、ソフトのインストールが必要で、操作習得にも時間がかかる。「とりあえず2枚並べたい」という用途には過剰なことが多い。",[26,2556,2558],{"id":2557},"_2-オンラインwebサービス","2. オンラインWebサービス",[11,2560,2561,2562,2565],{},"TinyPNGやCanvaをはじめ、画像編集機能を持つWebサービスは数多い。手軽に使えるが、",[309,2563,2564],{},"アップロードしたファイルがサーバーに送信される","点を意識しておく必要がある。個人情報が写り込んだスクリーンショットや、社内資料の画像をアップロードする場合は注意が必要だ。",[11,2567,2568],{},"多くのサービスは利用規約でアップロードデータの取り扱いを定めているが、ユーザー側で完全にコントロールできるわけではない。",[26,2570,2572],{"id":2571},"_3-ブラウザ内完結ツール","3. ブラウザ内完結ツール",[11,2574,2575],{},"近年、WebAssembly（WASM）やCanvas APIの普及により、ブラウザだけで画像処理を完結させるツールが登場している。ファイルをサーバーに送信しないため、プライバシーリスクをゼロにできる点が最大のメリットだ。",[15,2577],{},[18,2579,2580],{"id":2580},"主要ツールの比較",[11,2582,2583],{},"以下に代表的な画像結合手段の特徴を整理する。",[31,2585,2586,2604],{},[34,2587,2588],{},[37,2589,2590,2593,2596,2599,2601],{},[40,2591,2592],{},"ツール・手段",[40,2594,2595],{},"費用",[40,2597,2598],{},"送信先サーバー",[40,2600,1768],{},[40,2602,2603],{},"オフライン対応",[53,2605,2606,2622,2635,2650,2664],{},[37,2607,2608,2611,2614,2617,2620],{},[58,2609,2610],{},"Adobe Photoshop",[58,2612,2613],{},"有料（月額制）",[58,2615,2616],{},"なし（ローカル処理）",[58,2618,2619],{},"必要",[58,2621,1977],{},[37,2623,2624,2626,2629,2631,2633],{},[58,2625,352],{},[58,2627,2628],{},"無料",[58,2630,2616],{},[58,2632,2619],{},[58,2634,1977],{},[37,2636,2637,2639,2642,2645,2647],{},[58,2638,358],{},[58,2640,2641],{},"無料プランあり",[58,2643,2644],{},"あり（クラウド）",[58,2646,1495],{},[58,2648,2649],{},"△",[37,2651,2652,2655,2657,2659,2661],{},[58,2653,2654],{},"iLovePDF \u002F Smallpdf系",[58,2656,2641],{},[58,2658,1984],{},[58,2660,1495],{},[58,2662,2663],{},"×",[37,2665,2666,2673,2675,2680,2682],{},[58,2667,2668,2672],{},[288,2669,2671],{"href":2670},"\u002Ftools\u002Fimage-merge","画像結合ツール","（zerosend）",[58,2674,1489],{},[58,2676,2677],{},[309,2678,2679],{},"なし（ブラウザ内）",[58,2681,1495],{},[58,2683,1977],{},[11,2685,2686],{},"「送信先サーバー」列を見ると、ブラウザ内完結ツールの差別化ポイントが分かりやすい。",[15,2688],{},[18,2690,2691],{"id":2691},"zerosendの画像結合ツールを使った実践手順",[11,2693,2694,2696],{},[288,2695,2671],{"href":2670}," は、ブラウザ内のCanvas APIで画像を結合するため、ファイルが外部に送信されない。DevToolsの「Network」タブを開いた状態で操作すると、画像のアップロード通信が発生していないことを自分で確認できる。",[26,2698,2699],{"id":2699},"基本的な使い方",[11,2701,2702],{},[309,2703,2704],{},"ステップ1：ツールを開く",[11,2706,2707,2710],{},[288,2708,2709],{"href":2670},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-merge"," にアクセスする。インストールや会員登録は不要だ。",[11,2712,2713],{},[309,2714,2715],{},"ステップ2：画像をアップロードする",[11,2717,2718],{},"結合したい画像をドラッグ＆ドロップ、またはファイル選択ダイアログから選ぶ。JPG・PNG・WebPなど主要フォーマットに対応している。",[11,2720,2721],{},[309,2722,2723],{},"ステップ3：並べ方を選択する",[11,2725,2726],{},"「横並び（水平）」または「縦並び（垂直）」を選択する。並べる順序はドラッグで変更できる。",[11,2728,2729],{},[309,2730,2731],{},"ステップ4：ダウンロードする",[11,2733,2734],{},"「結合する」ボタンを押すと、ブラウザ内でCanvas処理が実行され、結合済み画像がダウンロードされる。処理はすべてローカルで完結する。",[26,2736,2737],{"id":2737},"社内資料や個人情報を含む画像を扱う場合",[11,2739,2740],{},"スクリーンショットに氏名・住所・社内情報などが含まれている場合、クラウドアップロード型のサービスは利用を避けたほうが無難だ。zerosendのようなブラウザ内完結型であれば、ファイルが端末の外に出ないため、情報漏洩のリスクを排除できる。",[15,2742],{},[18,2744,1807],{"id":1807},[11,2746,2747],{},[309,2748,2749],{},"Q1. 結合できる画像の枚数に制限はある？",[11,2751,2752],{},"zerosendの画像結合ツールではブラウザのメモリが許す範囲で複数枚に対応している。ただし、高解像度画像を大量に結合する場合はメモリ不足になることがあるため、10〜20枚程度を目安にするとよい。",[11,2754,2755],{},[309,2756,2757],{},"Q2. 画質は劣化する？",[11,2759,2760],{},"Canvas APIを使った処理では、出力フォーマット（JPG\u002FPNG）と圧縮率の設定に依存する。PNGで出力すれば劣化なしで保存できる。JPGは圧縮が入るため、品質設定を高めに設定することを推奨する。",[11,2762,2763],{},[309,2764,2765],{},"Q3. スマートフォンのブラウザでも使える？",[11,2767,2768],{},"ChromeやSafariなど主要なモバイルブラウザでも動作する。ただし、画面が小さいとドラッグ操作がしにくい場合があるため、PCでの利用が快適だ。",[11,2770,2771],{},[309,2772,2773],{},"Q4. 横並び・縦並び以外のレイアウト（グリッド配置など）には対応している？",[11,2775,2776],{},"現時点では横並び・縦並びが主な対応レイアウトだ。グリッド（2列×2行など）のコラージュが必要な場合は、Canvaなど専用のコラージュ作成ツールを組み合わせる方法が現実的だ。",[11,2778,2779],{},[309,2780,2781],{},"Q5. 結合した画像のサイズが大きくなりすぎた場合は？",[11,2783,2784,2785,2787],{},"結合後に画像のファイルサイズが大きい場合は、zerosendの",[288,2786,1391],{"href":437},"を使ってブラウザ内で圧縮できる。こちらもサーバー送信なしで処理が完結する。",[15,2789],{},[18,2791,444],{"id":444},[11,2793,2794],{},"複数の画像を横並び・縦並びに結合する方法は複数ある。目的や状況に応じて使い分けるのが合理的だ。",[303,2796,2797,2803,2809],{},[306,2798,2799,2802],{},[309,2800,2801],{},"高度な編集が必要"," → PhotoshopやGIMP",[306,2804,2805,2808],{},[309,2806,2807],{},"デザイン性の高いコラージュ"," → Canvaなどのクラウドサービス",[306,2810,2811,2814],{},[309,2812,2813],{},"手軽さ＋プライバシー重視"," → ブラウザ内完結ツール",[11,2816,2817,2818,2823,2824,2829],{},"特に、機密性の高い画像や個人情報を含む画像を扱う場合は、ファイルの送信先を意識してツールを選ぶことが重要だ。Canvas APIを活用したブラウザ内処理については、",[288,2819,2822],{"href":2820,"rel":2821},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FAPI\u002FCanvas_API",[292],"MDN Web Docs のCanvas API解説"," も参考になる。また、WebAssemblyの仕組みについては ",[288,2825,2828],{"href":2826,"rel":2827},"https:\u002F\u002Fwebassembly.org\u002F",[292],"WebAssembly 公式サイト"," で詳細を確認できる。",[11,2831,2832],{},"用途に合ったツールを選んで、画像結合の作業を効率化してほしい。",{"title":480,"searchDepth":481,"depth":481,"links":2834},[2835,2836,2841,2842,2846,2847],{"id":2518,"depth":481,"text":2519},{"id":2544,"depth":481,"text":2544,"children":2837},[2838,2839,2840],{"id":2550,"depth":486,"text":2551},{"id":2557,"depth":486,"text":2558},{"id":2571,"depth":486,"text":2572},{"id":2580,"depth":481,"text":2580},{"id":2691,"depth":481,"text":2691,"children":2843},[2844,2845],{"id":2699,"depth":486,"text":2699},{"id":2737,"depth":486,"text":2737},{"id":1807,"depth":481,"text":1807},{"id":444,"depth":481,"text":444},"複数の画像を横並び・縦並びに結合してコラージュを作る方法を解説。ブラウザだけで完結する無料ツールの使い方と、各手法の特徴を比較します。",{},"\u002Fblog\u002Fimage-merge-collage-free","2026-06-14",{"title":2513,"description":2848},"image-merge-collage-free","blog\u002Fimage-merge-collage-free",[510,764,929,766],"pzNAMlCWl6yMck_4SiVv1gox8E1enYy3E3lkClb3GHI",{"id":2858,"title":2859,"author":6,"body":2860,"category":496,"coverImage":497,"description":3124,"draft":499,"extension":500,"locale":501,"meta":3125,"navigation":503,"noindex":499,"path":3126,"publishedAt":3127,"seo":3128,"slug":3129,"stem":3130,"tags":3131,"updatedAt":3127,"__hash__":3133},"blog\u002Fblog\u002Fpdf-compress-quality-compare.md","PDF圧縮の画質と方法を徹底比較｜用途別の選び方ガイド",{"type":8,"value":2861,"toc":3103},[2862,2866,2869,2872,2875,2884,2887,2889,2893,2899,2981,2984,2987,2990,2998,3000,3004,3007,3011,3017,3021,3024,3027,3030,3033,3036,3038,3042,3045,3048,3051,3054,3057,3060,3062,3064,3067,3096],[18,2863,2865],{"id":2864},"pdfを圧縮するとき何が変わるのか","PDFを圧縮するとき、何が変わるのか",[11,2867,2868],{},"PDFのファイルサイズが大きくなる主な原因は、埋め込み画像の解像度・フォントのサブセット化の有無・不要なメタデータの三つだ。圧縮処理は、これらのいずれか、あるいは複数に手を入れることでサイズを削減する。",[26,2870,2871],{"id":2871},"画質への影響はどのくらいか",[11,2873,2874],{},"圧縮アルゴリズムは大きく「可逆圧縮」と「非可逆圧縮」に分かれる。可逆圧縮はデータを完全に復元できるため、画質の劣化はほぼゼロだが、削減率も限定的（10〜30%程度）。非可逆圧縮はJPEG品質を下げることで大幅にサイズを縮小できる一方、印刷物や写真を多用したPDFでは目に見える劣化が起こり得る。",[11,2876,2877,2878,2883],{},"W3Cの",[288,2879,2882],{"href":2880,"rel":2881},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fpdf2\u002F",[292],"PDF仕様ドキュメント（ISO 32000）","でも、画像ストリームにFlateDecode（可逆）とDCTDecode（非可逆・JPEG）の両フィルタが定義されており、ツールによってどちらを適用するかが異なる。",[11,2885,2886],{},"一般的なビジネス文書（テキスト中心）であれば、非可逆圧縮でも視覚上の問題はほとんど生じない。しかし設計図・医療画像・写真集PDFでは、圧縮レベルの設定を慎重に選ぶ必要がある。",[15,2888],{},[18,2890,2892],{"id":2891},"主要ツールの比較オンラインサービス-vs-ブラウザ処理","主要ツールの比較：オンラインサービス vs ブラウザ処理",[11,2894,2895,2896,2898],{},"PDF圧縮ツールは大きく「サーバー送信型」と「ブラウザ内処理型」に分類できる。選択基準として特に重要なのは、",[309,2897,2317],{},"だ。機密文書や個人情報を含むPDFをクラウドサービスに送ることには、情報漏洩リスクと規約上の問題が伴う。",[31,2900,2901,2917],{},[34,2902,2903],{},[37,2904,2905,2907,2909,2911,2914],{},[40,2906,767],{},[40,2908,1031],{},[40,2910,1034],{},[40,2912,2913],{},"画質設定",[40,2915,2916],{},"プライバシーリスク",[53,2918,2919,2935,2948,2963],{},[37,2920,2921,2923,2926,2929,2932],{},[58,2922,1974],{},[58,2924,2925],{},"サーバー（クラウド）",[58,2927,2928],{},"2件\u002F日",[58,2930,2931],{},"自動のみ",[58,2933,2934],{},"ファイルが外部送信される",[37,2936,2937,2939,2941,2943,2946],{},[58,2938,1992],{},[58,2940,2925],{},[58,2942,1984],{},[58,2944,2945],{},"3段階選択可",[58,2947,2934],{},[37,2949,2950,2953,2955,2958,2961],{},[58,2951,2952],{},"Adobe Acrobat Web",[58,2954,2925],{},[58,2956,2957],{},"2GB上限\u002F無料プラン",[58,2959,2960],{},"詳細設定可",[58,2962,2934],{},[37,2964,2965,2969,2972,2975,2978],{},[58,2966,2967,2672],{},[288,2968,2404],{"href":2403},[58,2970,2971],{},"ブラウザ内（WASM）",[58,2973,2974],{},"無制限・完全無料",[58,2976,2977],{},"圧縮レベル選択可",[58,2979,2980],{},"ファイルは外部送信されない",[26,2982,2983],{"id":2983},"サーバー送信型ツールの注意点",[11,2985,2986],{},"Smallpdf・iLovePDFはUIが洗練されており、使い勝手は高い。しかし両サービスの利用規約には、アップロードされたファイルを一定時間サーバーに保持する旨が記載されている。無料プランでは処理上限もあり、日常的な業務用途では有料プランへの移行が前提になる場合が多い。",[26,2988,2989],{"id":2989},"ブラウザ内処理型の仕組み",[11,2991,2992,2993,2997],{},"zerosendのようなブラウザ内処理型は、",[288,2994,2996],{"href":2135,"rel":2995},[292],"WebAssembly（MDN解説）","を使ってPDF処理ライブラリをブラウザ上で直接実行する。ネットワーク越しにファイルを送ることなく、ローカル環境と同等の処理が行われる。DevToolsのNetworkタブを開いた状態で試すと、PDFのバイナリデータが外部に送信されていないことを自分で確認できる。",[15,2999],{},[18,3001,3003],{"id":3002},"用途別の選び方どのツールを使うべきか","用途別の選び方：どのツールを使うべきか",[11,3005,3006],{},"目的によって最適な選択肢は変わる。以下の基準で判断するのが実際的だ。",[26,3008,3010],{"id":3009},"機密性の高い文書契約書医療記録財務データ","機密性の高い文書（契約書・医療記録・財務データ）",[11,3012,3013,3014,3016],{},"外部送信を避けることが最優先になる。ブラウザ内処理型を選ぶか、Adobe Acrobat Desktop版（ローカルインストール）を使う。zerosendの",[288,3015,2404],{"href":2403},"はこの用途に適している。初回ロード後はService Workerでキャッシュされるため、オフライン環境でも動作する。",[26,3018,3020],{"id":3019},"画質を保ちたいpdf写真デザイン入稿","画質を保ちたいPDF（写真・デザイン入稿）",[11,3022,3023],{},"圧縮レベルを「低圧縮（高画質）」に設定できるツールを選ぶ。自動圧縮のみを提供するツールは避け、手動で品質値を指定できるものを使う。入稿前にはプレビューで仕上がりを確認することを推奨する。",[26,3025,3026],{"id":3026},"大量ファイルの一括処理",[11,3028,3029],{},"Adobe Acrobat ProやGhostscriptのコマンドラインツールが適している。Ghostscriptは無料で使えるオープンソースツールで、シェルスクリプトと組み合わせることで数百ファイルの一括圧縮が可能だ。",[26,3031,3032],{"id":3032},"手軽にファイルを小さくしたい一般用途",[11,3034,3035],{},"Smallpdf・iLovePDFは操作が直感的で、機密性の低い文書であれば問題なく使える。zerosendは登録不要・無料・無制限という点で、頻繁に使う場合のコスト面での優位性がある。",[15,3037],{},[18,3039,3041],{"id":3040},"pdf圧縮でよくある失敗と対策","PDF圧縮でよくある失敗と対策",[26,3043,3044],{"id":3044},"圧縮しすぎてテキストが読めなくなる",[11,3046,3047],{},"画像を含まないテキスト中心のPDFに強い非可逆圧縮をかけても、サイズは大して変わらず、逆に文字周辺のアーティファクト（にじみ）が出ることがある。画像の解像度と品質を個別に確認してから圧縮レベルを決めること。",[26,3049,3050],{"id":3050},"再圧縮で逆にサイズが増える",[11,3052,3053],{},"すでに高圧縮されたJPEG画像を含むPDFを再度JPEG圧縮すると、デコード・再エンコードのたびに劣化と若干のオーバーヘッドが生まれ、サイズが増加するケースがある。元ファイルのプロパティを確認し、既に圧縮済みの場合は軽い設定にとどめる。",[26,3055,3056],{"id":3056},"フォントが崩れる",[11,3058,3059],{},"一部のツールはPDFの構造を再構築する際にフォントを再埋め込みする。非標準フォントを使った文書では、圧縮後に別のフォントで代替されて表示が崩れることがある。圧縮後は必ずプレビューで確認する習慣をつける。",[15,3061],{},[18,3063,444],{"id":444},[11,3065,3066],{},"PDF圧縮の選択は「どれだけ小さくするか」だけでなく、「どこで処理されるか」「どの程度の画質が必要か」の三軸で判断するのが正確だ。",[303,3068,3069,3075,3081,3087],{},[306,3070,3071,3074],{},[309,3072,3073],{},"機密文書","はブラウザ内処理型かローカルツールを選ぶ",[306,3076,3077,3080],{},[309,3078,3079],{},"画質優先","なら圧縮レベルを手動設定できるツールを選ぶ",[306,3082,3083,3086],{},[309,3084,3085],{},"大量処理","ならGhostscriptなどのCLIツールが現実的",[306,3088,3089,3092,3093,3095],{},[309,3090,3091],{},"手軽さ・無料・無制限","を重視するなら",[288,3094,2404],{"href":2403},"は選択肢に入る",[11,3097,3098,3099,3102],{},"なお、PDF以外の変換処理も同様にブラウザ内で完結させたい場合は、",[288,3100,3101],{"href":2449},"zerosend のトップページ","から他のツール一覧も確認できる。各ツールは同じプライバシーポリシーのもとで動作している。",{"title":480,"searchDepth":481,"depth":481,"links":3104},[3105,3108,3112,3118,3123],{"id":2864,"depth":481,"text":2865,"children":3106},[3107],{"id":2871,"depth":486,"text":2871},{"id":2891,"depth":481,"text":2892,"children":3109},[3110,3111],{"id":2983,"depth":486,"text":2983},{"id":2989,"depth":486,"text":2989},{"id":3002,"depth":481,"text":3003,"children":3113},[3114,3115,3116,3117],{"id":3009,"depth":486,"text":3010},{"id":3019,"depth":486,"text":3020},{"id":3026,"depth":486,"text":3026},{"id":3032,"depth":486,"text":3032},{"id":3040,"depth":481,"text":3041,"children":3119},[3120,3121,3122],{"id":3044,"depth":486,"text":3044},{"id":3050,"depth":486,"text":3050},{"id":3056,"depth":486,"text":3056},{"id":444,"depth":481,"text":444},"PDF圧縮で画質を損なわずファイルサイズを小さくする方法を解説。Smallpdf・iLovePDF・ブラウザ処理ツールを比較し、用途に合った選び方を紹介。",{},"\u002Fblog\u002Fpdf-compress-quality-compare","2026-06-13",{"title":2859,"description":3124},"pdf-compress-quality-compare","blog\u002Fpdf-compress-quality-compare",[1589,3132,766,765],"比較","g9IVqNn1c88ZzcT8j35pInQp6qbib8BpNGCb72-Ai0Q",{"id":3135,"title":3136,"author":6,"body":3137,"category":496,"coverImage":497,"description":3443,"draft":499,"extension":500,"locale":501,"meta":3444,"navigation":503,"noindex":499,"path":3445,"publishedAt":3446,"seo":3447,"slug":3448,"stem":3449,"tags":3450,"updatedAt":3446,"__hash__":3451},"blog\u002Fblog\u002Fqr-code-url-event.md","QRコードをイベント印刷物に活用する方法｜URL埋め込みから作成まで",{"type":8,"value":3138,"toc":3431},[3139,3143,3146,3149,3152,3154,3158,3167,3170,3173,3176,3179,3193,3195,3199,3202,3282,3285,3288,3290,3294,3299,3304,3311,3316,3319,3324,3333,3338,3341,3345,3365,3367,3369,3374,3377,3382,3385,3390,3393,3398,3401,3403,3405,3408,3425],[18,3140,3142],{"id":3141},"イベント印刷物にqrコードを使う理由と課題","イベント印刷物にQRコードを使う理由と課題",[11,3144,3145],{},"展示会のチラシ、セミナーの案内状、店頭のポップ——こうした印刷物にQRコードを入れておくと、読者をウェブサイトや申込みフォームへ直接誘導できる。URLを手打ちさせる手間が省けるため、実際のアクセス率は有意に上がることが多い。",[11,3147,3148],{},"一方で、実際に作ろうとすると「どのツールを使えばいいか分からない」「画像の解像度が低くて印刷するとぼやける」「フォームに会社名やメールを入力させられて不安」といった問題にぶつかりがちだ。特に個人情報の扱いに敏感な担当者にとって、外部サービスへのデータ送信は気になるポイントになる。",[11,3150,3151],{},"本記事では、QRコードの仕組みを簡単に整理したうえで、印刷用途に耐える品質で作成するための手順を説明する。",[15,3153],{},[18,3155,3157],{"id":3156},"qrコードにurlを埋め込む仕組みの基本","QRコードにURLを埋め込む仕組みの基本",[11,3159,3160,3161,3166],{},"QRコードはテキスト情報をドット配列に変換した二次元バーコードだ。",[288,3162,3165],{"href":3163,"rel":3164},"https:\u002F\u002Fwww.iso.org\u002Fstandard\u002F62021.html",[292],"ISO\u002FIEC 18004"," で仕様が定められており、URLはそのテキスト情報の一種として埋め込まれる。",[11,3168,3169],{},"重要な点は「QRコード自体はただの画像」という事実だ。埋め込まれたURLが変わらない限り、コードを何度再生成しても同じ内容が読み取れる。動的QRコード（リダイレクト型）とは異なり、URLを直接埋め込む静的QRコードはサードパーティのサーバーに依存しないため、外部サービスが廃止されてもコードは機能し続ける。",[26,3171,3172],{"id":3172},"印刷に必要な解像度の目安",[11,3174,3175],{},"スマートフォンの画面表示なら72〜96 dpiで十分だが、印刷物では最低300 dpiが必要とされる。A4チラシに2cm角で印刷する場合、300 dpiで換算すると約236×236ピクセル以上の画像が必要になる。多くのオンラインツールがデフォルトで出力するJPEGやPNGは200px前後のことも多く、拡大するとぼやける原因になる。",[11,3177,3178],{},"対策は二つある。",[303,3180,3181,3187],{},[306,3182,3183,3186],{},[309,3184,3185],{},"高解像度PNGを出力する","：400px以上で生成し、印刷アプリ側でサイズを合わせる",[306,3188,3189,3192],{},[309,3190,3191],{},"SVGで出力する","：ベクター形式なので拡大しても劣化しない。DTPソフト（Illustrator・InDesign）との相性が良い",[15,3194],{},[18,3196,3198],{"id":3197},"主要なqrコード生成ツールの比較","主要なQRコード生成ツールの比較",[11,3200,3201],{},"代表的なツールを機能・プライバシー・価格の観点で整理する。",[31,3203,3204,3220],{},[34,3205,3206],{},[37,3207,3208,3210,3212,3215,3217],{},[40,3209,767],{},[40,3211,1031],{},[40,3213,3214],{},"出力形式",[40,3216,2368],{},[40,3218,3219],{},"アカウント登録",[53,3221,3222,3237,3250,3265],{},[37,3223,3224,3227,3229,3232,3235],{},[58,3225,3226],{},"QR코드 Tiger",[58,3228,1050],{},[58,3230,3231],{},"PNG \u002F SVG \u002F PDF",[58,3233,3234],{},"無料プランあり（制限付き）",[58,3236,1538],{},[37,3238,3239,3242,3244,3246,3248],{},[58,3240,3241],{},"QRコード作成（Canva）",[58,3243,1050],{},[58,3245,1412],{},[58,3247,2641],{},[58,3249,1538],{},[37,3251,3252,3255,3257,3260,3263],{},[58,3253,3254],{},"QR Code Generator（Unitag）",[58,3256,1050],{},[58,3258,3259],{},"PNG \u002F SVG",[58,3261,3262],{},"無料プランあり（透かし入り）",[58,3264,1538],{},[37,3266,3267,3273,3275,3277,3279],{},[58,3268,3269,2672],{},[288,3270,3272],{"href":3271},"\u002Ftools\u002Fqr-create","QR コード生成ツール",[58,3274,1101],{},[58,3276,3259],{},[58,3278,1489],{},[58,3280,3281],{},"登録不要",[11,3283,3284],{},"「処理場所」の列に注目してほしい。サーバー処理のツールは入力したURLや設定内容がサービス提供者のサーバーに送信される。社内システムのURLや未公開ページのアドレスを含む場合、この点は確認しておくべきだ。",[11,3286,3287],{},"zerosendのツールはWebAssemblyを使ってブラウザ内だけで処理を完結させる設計になっている。ブラウザのDevToolsでNetworkタブを開きながら使用すると、外部へのデータ送信が発生していないことを実際に確認できる。",[15,3289],{},[18,3291,3293],{"id":3292},"ブラウザだけでqrコードを作成する手順","ブラウザだけでQRコードを作成する手順",[11,3295,3296,3298],{},[288,3297,3272],{"href":3271}," を使った具体的な操作手順を示す。",[11,3300,3301],{},[309,3302,3303],{},"手順1：URLを入力する",[11,3305,3306,3307,3310],{},"ツールを開くと入力欄が表示される。埋め込みたいURLをそのまま貼り付ける。",[283,3308,3309],{},"https:\u002F\u002F"," から始まる完全なURLを入力しないとスマートフォンがリンクとして認識しない場合があるため注意する。",[11,3312,3313],{},[309,3314,3315],{},"手順2：サイズと出力形式を設定する",[11,3317,3318],{},"印刷用途ならSVG形式を選ぶと劣化がない。PNG形式を選ぶ場合は出力サイズを512px以上に設定しておくと安全だ。",[11,3320,3321],{},[309,3322,3323],{},"手順3：エラー訂正レベルを選ぶ",[11,3325,3326,3327,3332],{},"QRコードにはエラー訂正機能がある。",[288,3328,3331],{"href":3329,"rel":3330},"https:\u002F\u002Fwww.qrcode.com\u002Fja\u002Fabout\u002Fversion.html",[292],"QRコードの仕様（Denso Wave公式）"," によれば、レベルはL（7%）・M（15%）・Q（25%）・H（30%）の4段階だ。印刷物はロゴや汚れで一部が隠れる可能性があるため、QにするとRead成功率が上がる。ただしレベルが高いほどドット数が増え、同じサイズでは読み取り難度も上がるため、2cm角以上の印刷スペースを確保しているならQを推奨する。",[11,3334,3335],{},[309,3336,3337],{},"手順4：ダウンロードして印刷データに配置する",[11,3339,3340],{},"SVGファイルをダウンロードしてIllustratorやInDesignに配置する。PNGの場合も同様で、印刷所に入稿する際は300 dpi以上であることをあらかじめ確認しておく。",[26,3342,3344],{"id":3343},"qrコードを印刷物に配置するときのポイント","QRコードを印刷物に配置するときのポイント",[303,3346,3347,3353,3359],{},[306,3348,3349,3352],{},[309,3350,3351],{},"余白（クワイエットゾーン）を4モジュール以上確保する","：QRコードの周囲に白い余白がないと読み取りエラーが増える",[306,3354,3355,3358],{},[309,3356,3357],{},"背景色との対比を取る","：白背景に黒コードが基本。濃い背景色に淡い色コードを置くと読み取り失敗しやすい",[306,3360,3361,3364],{},[309,3362,3363],{},"実機で読み取りテストをしてから入稿する","：印刷後に読めないと修正が困難なため、データ段階で複数機種のカメラアプリで確認する",[15,3366],{},[18,3368,410],{"id":410},[11,3370,3371],{},[309,3372,3373],{},"Q. URLが長いとQRコードが複雑になりすぎませんか？",[11,3375,3376],{},"URLが長いほどドット数は増え、同じサイズ内での読み取り精度は下がる。UTMパラメータ付きのURLを使う場合はURL短縮サービス（bit.lyなど）で短縮するか、印刷サイズを3cm角以上に確保するとよい。",[11,3378,3379],{},[309,3380,3381],{},"Q. QRコードに色やロゴを入れても大丈夫ですか？",[11,3383,3384],{},"エラー訂正レベルをH（30%）に設定すれば、コード面積の最大30%をロゴや装飾で隠しても読み取れる設計になっている。ただし実機テストは必須だ。",[11,3386,3387],{},[309,3388,3389],{},"Q. イベント終了後にURLを変更できますか？",[11,3391,3392],{},"URLを直接埋め込んだ静的QRコードは変更不可だ。URLが変わる可能性があるなら、リダイレクト先を後から変更できる動的QRコードサービスを検討する。静的コードは単純・無料・外部依存なしというメリットと引き換えに、URLの変更に対応できないというトレードオフがある。",[11,3394,3395],{},[309,3396,3397],{},"Q. 登録や支払いは本当に不要ですか？",[11,3399,3400],{},"zerosendのツールは登録も課金も不要で使える。処理がブラウザ内で完結するため、サービス側に保存されるデータ自体が存在しない。",[15,3402],{},[18,3404,444],{"id":444},[11,3406,3407],{},"イベント印刷物向けにQRコードを作成する際のポイントを整理する。",[303,3409,3410,3413,3416,3419,3422],{},[306,3411,3412],{},"URLを直接埋め込む静的QRコードは外部サービスへの依存がなく、長期利用に向いている",[306,3414,3415],{},"印刷用途にはSVG形式、またはPNG 512px以上を選ぶ",[306,3417,3418],{},"エラー訂正レベルQが印刷物のバランスとして現実的な選択肢になる",[306,3420,3421],{},"クワイエットゾーンの確保と実機テストを必ず行う",[306,3423,3424],{},"URLや設定情報をサーバーに送信したくない場合、ブラウザ内処理のツールが選択肢になる",[11,3426,3427,3428,3430],{},"ツール選定に迷っているなら、",[288,3429,3272],{"href":3271}," は登録なし・無料・ブラウザ内処理という条件を満たしているため、まず試してみる価値はある。",{"title":480,"searchDepth":481,"depth":481,"links":3432},[3433,3434,3437,3438,3441,3442],{"id":3141,"depth":481,"text":3142},{"id":3156,"depth":481,"text":3157,"children":3435},[3436],{"id":3172,"depth":486,"text":3172},{"id":3197,"depth":481,"text":3198},{"id":3292,"depth":481,"text":3293,"children":3439},[3440],{"id":3343,"depth":486,"text":3344},{"id":410,"depth":481,"text":410},{"id":444,"depth":481,"text":444},"イベントのチラシや名刺にQRコードを印刷する手順を解説。URL埋め込みの基本から、ブラウザだけで完結する無料ツールの使い方まで実践的にまとめています。",{},"\u002Fblog\u002Fqr-code-url-event","2026-06-12",{"title":3136,"description":3443},"qr-code-url-event","blog\u002Fqr-code-url-event",[765,512,766,767],"JoJCxI-L1iAHOxxCP2dx2WT9WQ6-tJMp6us8Ak8jymY",{"id":3453,"title":3454,"author":6,"body":3455,"category":496,"coverImage":497,"description":3772,"draft":499,"extension":500,"locale":501,"meta":3773,"navigation":503,"noindex":499,"path":3774,"publishedAt":3775,"seo":3776,"slug":3777,"stem":3778,"tags":3779,"updatedAt":3775,"__hash__":3780},"blog\u002Fblog\u002Fwebp-wordpress-speed.md","WebPに変換してWordPressを高速化する方法【プラグイン不要】",{"type":8,"value":3456,"toc":3760},[3457,3461,3468,3482,3485,3487,3490,3493,3496,3502,3508,3514,3516,3520,3523,3527,3534,3567,3571,3574,3578,3581,3583,3586,3589,3592,3598,3602,3691,3694,3696,3700,3703,3717,3723,3736,3746,3748,3750,3753,3756],[18,3458,3460],{"id":3459},"wordpressが重くなる原因の多くは画像形式にある","WordPressが重くなる原因の多くは「画像形式」にある",[11,3462,3463,3464,3467],{},"WordPressサイトのPageSpeed InsightsスコアやCore Web Vitalsの数値が伸び悩む場合、まず疑うべきは画像ファイルのサイズと形式だ。JPEGやPNGは広く使われているが、同等の画質でファイルサイズを20〜35%削減できる",[309,3465,3466],{},"WebP形式","への移行が、Googleを含む多くの技術情報源で推奨されている。",[11,3469,3470,3475,3476,3481],{},[288,3471,3474],{"href":3472,"rel":3473},"https:\u002F\u002Fdevelopers.google.com\u002Fspeed\u002Fwebp",[292],"WebPはGoogleが開発したオープンな画像形式","で、現在は主要ブラウザのほぼすべてでサポートされている。2024年時点での",[288,3477,3480],{"href":3478,"rel":3479},"https:\u002F\u002Fcaniuse.com\u002Fwebp",[292],"caniuse.comのデータ","では、グローバルの対応率は97%を超えており、「WebPは新しすぎて使えない」という懸念は実質的に解消されている。",[11,3483,3484],{},"それでもなお、WordPressユーザーの多くが「変換が手間」「専用プラグインを入れると管理が増える」という理由でWebP対応を先送りにしている。",[15,3486],{},[18,3488,3489],{"id":3489},"プラグインで変換する場合のメリットと現実的なデメリット",[11,3491,3492],{},"WebP変換プラグインの代表例としては「Imagify」「ShortPixel」「WebP Express」などが知られている。これらは画像アップロード時に自動変換してくれるため、運用が楽になる側面がある。",[11,3494,3495],{},"ただし、現場で使い続けると次のような問題に直面することが多い。",[11,3497,3498,3501],{},[309,3499,3500],{},"変換枚数の制限と課金","\n無料プランでは月間の変換枚数に上限があるケースがほとんど。大量のメディアを抱えるサイトでは、早々に有料プランへの移行を求められる。",[11,3503,3504,3507],{},[309,3505,3506],{},"プラグインの管理コストと互換性問題","\nWordPressのメジャーアップデートや他のプラグインとの競合で、変換機能が突然停止するリスクがある。プラグイン数が増えるほどサイトの保守コストは上がる。",[11,3509,3510,3513],{},[309,3511,3512],{},"サーバー転送が発生する外部サービス型の場合","\nクラウド経由で変換処理を行うタイプのプラグインは、画像データがサードパーティのサーバーに送信される。企業サイトや個人情報が写り込む可能性のある画像を扱う場合、この点はリスクとして認識しておく必要がある。",[15,3515],{},[18,3517,3519],{"id":3518},"プラグインを使わずにwebp変換する3つの現実的な方法","プラグインを使わずにWebP変換する3つの現実的な方法",[11,3521,3522],{},"プラグインに依存せずにWebP変換を行う手段はいくつかある。用途に応じて使い分けるのが合理的だ。",[26,3524,3526],{"id":3525},"_1-コマンドラインツールcwebpを使う","1. コマンドラインツール（cwebp）を使う",[11,3528,3529,3530,3533],{},"Googleが公式配布している",[283,3531,3532],{},"cwebp","コマンドを使えば、ローカル環境で高精度なWebP変換が可能だ。バッチ処理にも対応しており、大量の既存画像を一括変換する場面で力を発揮する。ただし、コマンドライン操作に慣れていないユーザーには学習コストがかかる。",[3535,3536,3540],"pre",{"className":3537,"code":3538,"language":3539,"meta":480,"style":480},"language-bash shiki shiki-themes github-light github-dark","cwebp -q 80 input.jpg -o output.webp\n","bash",[283,3541,3542],{"__ignoreMap":480},[3543,3544,3547,3550,3554,3557,3561,3564],"span",{"class":3545,"line":3546},"line",1,[3543,3548,3532],{"class":3549},"sScJk",[3543,3551,3553],{"class":3552},"sj4cs"," -q",[3543,3555,3556],{"class":3552}," 80",[3543,3558,3560],{"class":3559},"sZZnC"," input.jpg",[3543,3562,3563],{"class":3552}," -o",[3543,3565,3566],{"class":3559}," output.webp\n",[26,3568,3570],{"id":3569},"_2-photoshop-gimp-などの画像編集ソフト","2. Photoshop \u002F GIMP などの画像編集ソフト",[11,3572,3573],{},"Adobe PhotoshopはWebP形式への書き出しに対応している（CC 2021以降）。GIMPも同様で、既存の編集ワークフローに組み込みやすい。一方で、ソフトウェアのライセンスが必要だったり、インストール作業が発生したりするため、手軽さには欠ける。",[26,3575,3577],{"id":3576},"_3-ブラウザ内で完結するwebツールを使う","3. ブラウザ内で完結するWebツールを使う",[11,3579,3580],{},"インストール不要で、URLにアクセスするだけで使えるWebツールが複数存在する。Smallpdf、TinyPNG、Squooshなどが広く知られているが、これらの多くは画像データをサーバーに送信して処理を行う仕組みになっている。",[15,3582],{},[18,3584,3585],{"id":3585},"ブラウザ内処理ツールを選ぶ際に確認すべきポイント",[11,3587,3588],{},"クラウド型のWebツールを使う場合、利便性は高いが「データがどこに送られるか」を確認することが重要だ。特に企業ロゴ、製品画像、社内資料のスクリーンショットなどは、外部サーバーへの送信を避けたいケースがある。",[11,3590,3591],{},"こうした用途に適しているのが、変換処理をすべてブラウザ内で完結させるツールだ。",[11,3593,3594,3597],{},[288,3595,3596],{"href":1431},"画像形式変換ツール","は、WebAssembly（WASM）を利用してブラウザ上で変換処理を行う。画像ファイルは一切サーバーに送信されず、DevToolsのNetworkタブで確認しても外部への送信は発生しない。登録不要・完全無料で、JPEGやPNGをWebPに変換する用途で使える。",[11,3599,3600],{},[309,3601,2580],{},[31,3603,3604,3621],{},[34,3605,3606],{},[37,3607,3608,3611,3614,3616,3619],{},[40,3609,3610],{},"ツール名",[40,3612,3613],{},"変換方式",[40,3615,2598],{},[40,3617,3618],{},"無料利用",[40,3620,1768],{},[53,3622,3623,3637,3649,3664,3678],{},[37,3624,3625,3627,3630,3633,3635],{},[58,3626,1974],{},[58,3628,3629],{},"クラウド処理",[58,3631,3632],{},"あり（外部）",[58,3634,1548],{},[58,3636,1495],{},[37,3638,3639,3641,3643,3645,3647],{},[58,3640,1500],{},[58,3642,3629],{},[58,3644,3632],{},[58,3646,1548],{},[58,3648,1495],{},[37,3650,3651,3654,3657,3659,3662],{},[58,3652,3653],{},"Squoosh（Google）",[58,3655,3656],{},"ブラウザ内処理",[58,3658,1087],{},[58,3660,3661],{},"無制限",[58,3663,1495],{},[37,3665,3666,3669,3672,3674,3676],{},[58,3667,3668],{},"cwebp（公式CLI）",[58,3670,3671],{},"ローカル処理",[58,3673,1087],{},[58,3675,3661],{},[58,3677,2619],{},[37,3679,3680,3683,3685,3687,3689],{},[58,3681,3682],{},"zerosend 画像形式変換ツール",[58,3684,3656],{},[58,3686,1087],{},[58,3688,3661],{},[58,3690,1495],{},[11,3692,3693],{},"SquooshもブラウザWASM処理のため、プライバシー面では同様の安全性がある。複数の画像を一度に処理する場合や、WebP以外の形式（AVIF等）も扱いたい場合は、各ツールの対応形式を事前に確認しておくことを推奨する。",[15,3695],{},[18,3697,3699],{"id":3698},"wordpressでwebp画像を使う際の実践的な手順","WordPressでWebP画像を使う際の実践的な手順",[11,3701,3702],{},"変換したWebPファイルをWordPressで運用する際のポイントを整理する。",[11,3704,3705,3708,3709,3712,3713,3716],{},[309,3706,3707],{},"手順1：既存画像をWebPに変換する","\n上記いずれかのツールで、サイト内の主要な画像（特にファーストビューに使用しているもの）をWebPに変換する。ファイル名は",[283,3710,3711],{},"image.jpg","→",[283,3714,3715],{},"image.webp","のように対応がわかる形にしておくと管理しやすい。",[11,3718,3719,3722],{},[309,3720,3721],{},"手順2：WordPressメディアライブラリにアップロード","\nWordPress 5.8以降はWebPファイルのアップロードとメディアライブラリでの管理に標準対応している。変換したWebPファイルをそのままアップロードして、投稿内で使用できる。",[11,3724,3725,3732,3733,3735],{},[309,3726,3727,3728,3731],{},"手順3：",[283,3729,3730],{},"\u003Cpicture>","タグでフォールバックを設定する（任意）","\nWebP非対応の古いブラウザへの対応が必要な場合は、",[283,3734,3730],{},"要素を使ってフォールバックを設定する。ただし、前述のとおり現時点での非対応ブラウザの割合は極めて低い。",[11,3737,3738,3741,3745],{},[309,3739,3740],{},"手順4：PageSpeed Insightsで効果を確認する",[288,3742,3744],{"href":1376,"rel":3743},[292],"PageSpeed Insights","にURLを入力し、「次世代フォーマット」の警告が消えているかを確認する。LCPの改善効果も数値で確認できる。",[15,3747],{},[18,3749,444],{"id":444},[11,3751,3752],{},"WebPへの変換はWordPressの速度改善において効果が高く、かつ比較的実装コストの低い施策だ。プラグインを使わない方法には「コマンドラインツール」「画像編集ソフト」「ブラウザ内処理Webツール」の3つがあり、それぞれにトレードオフがある。",[11,3754,3755],{},"画像データをサーバーに送信したくない場合や、インストールなしで手軽に始めたい場合は、ブラウザ内処理型のツールが実用的な選択肢になる。変換後はWordPress標準機能でそのまま運用でき、追加のプラグインは原則不要だ。",[3757,3758,3759],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":480,"searchDepth":481,"depth":481,"links":3761},[3762,3763,3764,3769,3770,3771],{"id":3459,"depth":481,"text":3460},{"id":3489,"depth":481,"text":3489},{"id":3518,"depth":481,"text":3519,"children":3765},[3766,3767,3768],{"id":3525,"depth":486,"text":3526},{"id":3569,"depth":486,"text":3570},{"id":3576,"depth":486,"text":3577},{"id":3585,"depth":481,"text":3585},{"id":3698,"depth":481,"text":3699},{"id":444,"depth":481,"text":444},"WordPressの速度改善にはWebP変換が有効。プラグインなしでブラウザ内だけで変換する手順と、各ツールの比較、注意点をまとめて解説します。",{},"\u002Fblog\u002Fwebp-wordpress-speed","2026-06-11",{"title":3454,"description":3772},"webp-wordpress-speed","blog\u002Fwebp-wordpress-speed",[510,1290,513,1590],"RUzfhVWklr6oFv1gjMRLHl40ErqWGpVBEvtqAY7eqSg",{"id":3782,"title":3783,"author":6,"body":3784,"category":496,"coverImage":497,"description":4064,"draft":499,"extension":500,"locale":501,"meta":4065,"navigation":503,"noindex":499,"path":4066,"publishedAt":4067,"seo":4068,"slug":4069,"stem":4070,"tags":4071,"updatedAt":4067,"__hash__":4072},"blog\u002Fblog\u002Fvideo-trim-online-free.md","動画トリミングをオンラインで無料・簡単にやる方法【完全ガイド】",{"type":8,"value":3785,"toc":4049},[3786,3790,3793,3796,3802,3804,3807,3810,3813,3816,3819,3823,3830,3836,3839,3841,3843,3949,3952,3954,3958,3964,3968,3971,3975,3978,3982,3985,3988,3990,3992,3998,4004,4016,4018,4020,4023,4043],[18,3787,3789],{"id":3788},"ちょっとだけ切り取りたいそれが意外と手間になる理由","「ちょっとだけ切り取りたい」——それが意外と手間になる理由",[11,3791,3792],{},"会議の録画から要点だけを抜き出したい、SNS 投稿用に動画の前後をカットしたい——こうした「数十秒の切り取り」作業は頻繁に発生するにもかかわらず、専用ソフトを使うとなると準備だけで時間がかかる。",[11,3794,3795],{},"Adobe Premiere Pro や DaVinci Resolve は高機能だが、ファイルを読み込んでプロジェクトを作るだけで数分かかることがある。スマートフォン向けアプリは手軽だが、PCで作業しているときにわざわざ端末を持ち替えるのは非効率だ。",[11,3797,3798,3801],{},[309,3799,3800],{},"オンラインツールはこの「すき間作業」を埋める選択肢として有効だ。"," ただし、オンラインツールには一つ大きな懸念がある——ファイルをサーバーに送信する必要があるかどうか、という点だ。",[15,3803],{},[18,3805,3806],{"id":3806},"オンライン動画トリミングツールの種類と注意点",[11,3808,3809],{},"ブラウザで使える動画トリミングツールは大きく二種類に分かれる。",[26,3811,3812],{"id":3812},"サーバーアップロード型",[11,3814,3815],{},"Clipchamp（Microsoft）、Kapwing、VEED.IO などはこのタイプだ。操作はシンプルで直感的な一方、動画ファイルは一旦サーバーに送信される。無料プランでは出力ファイルにウォーターマークが入るケースも多く、ファイルサイズの上限も厳しく設定されていることがある。",[11,3817,3818],{},"業務上の機密が含まれる動画（社内会議の録画、顧客のインタビュー映像など）をこれらのサービスにアップロードする場合、利用規約のデータ取り扱い条項を必ず確認する必要がある。",[26,3820,3822],{"id":3821},"ブラウザ完結型クライアントサイド処理","ブラウザ完結型（クライアントサイド処理）",[11,3824,3825,3826,3829],{},"近年、",[288,3827,2246],{"href":2826,"rel":3828},[292]," の普及により、ブラウザ内で直接動画処理を行うツールが登場している。ffmpeg.wasm のようなライブラリを使うことで、サーバーにデータを送らずにトリミングが完結する。",[3831,3832,3833],"blockquote",{},[11,3834,3835],{},"動画ファイルは端末から外に出ない。DevTools の Network タブを開いたまま処理を実行しても、動画ファイルのアップロードリクエストは発生しない。",[11,3837,3838],{},"プライバシーへの配慮と手軽さを両立させたい場合、この方式が現実的な選択肢になる。",[15,3840],{},[18,3842,2580],{"id":2580},[31,3844,3845,3863],{},[34,3846,3847],{},[37,3848,3849,3851,3853,3855,3858,3861],{},[40,3850,767],{},[40,3852,1031],{},[40,3854,3618],{},[40,3856,3857],{},"ウォーターマーク",[40,3859,3860],{},"ファイルサイズ上限",[40,3862,1768],{},[53,3864,3865,3881,3899,3915,3930],{},[37,3866,3867,3870,3872,3875,3877,3879],{},[58,3868,3869],{},"Adobe Premiere Pro",[58,3871,1081],{},[58,3873,3874],{},"有料",[58,3876,1087],{},[58,3878,1087],{},[58,3880,2619],{},[37,3882,3883,3886,3888,3891,3894,3897],{},[58,3884,3885],{},"Kapwing",[58,3887,1050],{},[58,3889,3890],{},"一部無料",[58,3892,3893],{},"あり（無料版）",[58,3895,3896],{},"250MB",[58,3898,1495],{},[37,3900,3901,3904,3906,3908,3910,3913],{},[58,3902,3903],{},"VEED.IO",[58,3905,1050],{},[58,3907,3890],{},[58,3909,3893],{},[58,3911,3912],{},"50MB",[58,3914,1495],{},[37,3916,3917,3920,3922,3924,3926,3928],{},[58,3918,3919],{},"Clipchamp",[58,3921,1050],{},[58,3923,2628],{},[58,3925,1087],{},[58,3927,1548],{},[58,3929,1495],{},[37,3931,3932,3938,3940,3942,3944,3947],{},[58,3933,3934],{},[288,3935,3937],{"href":3936},"\u002Ftools\u002Fvideo-trim","動画トリミングツール（zerosend）",[58,3939,1101],{},[58,3941,1489],{},[58,3943,1087],{},[58,3945,3946],{},"ブラウザメモリ依存",[58,3948,1495],{},[11,3950,3951],{},"「送信先サーバー」列を見ると明確で、サーバーアップロード型はデータが外部サーバーに渡る。ブラウザ完結型はその経路が存在しない。",[15,3953],{},[18,3955,3957],{"id":3956},"zerosend-の動画トリミングツールを使う手順","zerosend の動画トリミングツールを使う手順",[11,3959,3960,3963],{},[288,3961,3962],{"href":3936},"動画トリミングツール"," はブラウザ内で完結するタイプのツールで、インストールも登録も不要だ。以下の手順で操作できる。",[26,3965,3967],{"id":3966},"step-1-ファイルを読み込む","Step 1: ファイルを読み込む",[11,3969,3970],{},"ページを開いたら、対象の動画ファイルをドラッグ＆ドロップするか、ファイル選択ボタンから読み込む。MP4、MOV、WebM など主要なフォーマットに対応している。",[26,3972,3974],{"id":3973},"step-2-トリミング範囲を指定する","Step 2: トリミング範囲を指定する",[11,3976,3977],{},"タイムライン上のスライダーを操作して、残したい区間の開始点と終了点を指定する。数値入力で秒単位の精密な指定も可能だ。",[26,3979,3981],{"id":3980},"step-3-処理してダウンロードする","Step 3: 処理してダウンロードする",[11,3983,3984],{},"「トリミング実行」ボタンを押すと、ブラウザ内で処理が始まる。処理中もファイルはサーバーに送信されない。完了後、ダウンロードボタンが表示されるので保存する。",[11,3986,3987],{},"処理時間はファイルサイズや端末のスペックに依存するが、数十秒〜数分程度が目安だ。",[15,3989],{},[18,3991,2112],{"id":2112},[11,3993,3994,3997],{},[309,3995,3996],{},"ブラウザのメモリ制限","\nブラウザ完結型は端末のRAMを使って処理する。4GB以上のRAMを搭載した端末では1〜2GB程度の動画ファイルを扱える場合が多いが、極端に大きなファイル（数GB超）は処理が途中で止まることがある。そのような場合は、HandBrake などのローカルソフトウェアが現実的な代替手段になる。",[11,3999,4000,4003],{},[309,4001,4002],{},"出力フォーマットの確認","\nブラウザ完結型ツールでは、出力フォーマットがツールの仕様に依存する。事前に対応フォーマットを確認しておくと後の手戻りが防げる。",[11,4005,4006,4009,4010,4015],{},[309,4007,4008],{},"オフライン動作について","\nzerosend は Service Worker によるキャッシュを実装しており、初回ロード後はオフライン環境でも動作する。社外での作業や通信制限のある環境でも使いやすい設計になっている。詳しい仕組みは ",[288,4011,4014],{"href":4012,"rel":4013},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FAPI\u002FService_Worker_API",[292],"MDN の Service Worker ドキュメント"," に解説がある。",[15,4017],{},[18,4019,444],{"id":444},[11,4021,4022],{},"動画のトリミングをオンラインで行う方法は複数あるが、用途に応じて選択肢は変わる。",[303,4024,4025,4031,4037],{},[306,4026,4027,4030],{},[309,4028,4029],{},"数分の軽い編集・業務用ファイルを扱う場合","：ブラウザ完結型のツールがデータを外部に出さないため安全性が高い",[306,4032,4033,4036],{},[309,4034,4035],{},"本格的な編集・大容量ファイルを扱う場合","：Adobe Premiere Pro や DaVinci Resolve などのローカルソフトが適している",[306,4038,4039,4042],{},[309,4040,4041],{},"チーム共同編集が必要な場合","：Kapwing や VEED.IO などのクラウド型サービスが適している",[11,4044,4045,4046,4048],{},"「少しだけ切り取るだけなのに大げさなソフトは使いたくない」「でも外部サーバーにファイルを送りたくない」という状況であれば、",[288,4047,3962],{"href":3936}," のようなブラウザ完結型は合理的な選択肢の一つだ。",{"title":480,"searchDepth":481,"depth":481,"links":4050},[4051,4052,4056,4057,4062,4063],{"id":3788,"depth":481,"text":3789},{"id":3806,"depth":481,"text":3806,"children":4053},[4054,4055],{"id":3812,"depth":486,"text":3812},{"id":3821,"depth":486,"text":3822},{"id":2580,"depth":481,"text":2580},{"id":3956,"depth":481,"text":3957,"children":4058},[4059,4060,4061],{"id":3966,"depth":486,"text":3967},{"id":3973,"depth":486,"text":3974},{"id":3980,"depth":486,"text":3981},{"id":2112,"depth":481,"text":2112},{"id":444,"depth":481,"text":444},"動画のトリミングをオンラインで無料・簡単に行う方法を解説。インストール不要のブラウザ完結ツールを中心に、各方法の特徴と使い分けを実践的にまとめた。",{},"\u002Fblog\u002Fvideo-trim-online-free","2026-06-10",{"title":3783,"description":4064},"video-trim-online-free","blog\u002Fvideo-trim-online-free",[1289,929,930,766],"akhYmbPskgZ3Gkp7mfAUhVT6LxYfqPi5-QlZYk1G78I",{"id":4074,"title":4075,"author":6,"body":4076,"category":496,"coverImage":497,"description":4412,"draft":499,"extension":500,"locale":501,"meta":4413,"navigation":503,"noindex":499,"path":4414,"publishedAt":4415,"seo":4416,"slug":4417,"stem":4418,"tags":4419,"updatedAt":4415,"__hash__":4420},"blog\u002Fblog\u002Fimage-crop-aspect-ratio-guide.md","画像を16:9・正方形に切り抜く方法｜アスペクト比ごとの手順を解説",{"type":8,"value":4077,"toc":4394},[4078,4081,4084,4087,4154,4157,4159,4163,4167,4184,4187,4191,4202,4205,4209,4220,4222,4225,4233,4236,4251,4254,4257,4346,4349,4351,4354,4357,4364,4367,4370,4373,4381,4383,4385,4388],[18,4079,4080],{"id":4080},"アスペクト比を指定して切り抜くとはどういうことか",[11,4082,4083],{},"画像をトリミングするとき、「縦横の比率を維持したまま切り抜く」操作がアスペクト比指定のクロップです。単に余白をカットするのではなく、出力サイズの縦横比をあらかじめ決めておき、その枠内に収まるよう画像の一部を切り出します。",[11,4085,4086],{},"よく使われるアスペクト比を以下に整理します。",[31,4088,4089,4101],{},[34,4090,4091],{},[37,4092,4093,4095,4098],{},[40,4094,48],{},[40,4096,4097],{},"比率",[40,4099,4100],{},"主な用途",[53,4102,4103,4113,4123,4134,4144],{},[37,4104,4105,4107,4110],{},[58,4106,66],{},[58,4108,4109],{},"横長",[58,4111,4112],{},"YouTube サムネイル・プレゼンスライド・OGP 画像",[37,4114,4115,4117,4120],{},[58,4116,80],{},[58,4118,4119],{},"正方形",[58,4121,4122],{},"Instagram 投稿・アバター・EC商品画像",[37,4124,4125,4128,4131],{},[58,4126,4127],{},"4:3",[58,4129,4130],{},"やや横長",[58,4132,4133],{},"ブログ記事のアイキャッチ・旧テレビ規格",[37,4135,4136,4138,4141],{},[58,4137,185],{},[58,4139,4140],{},"縦長",[58,4142,4143],{},"Instagram Stories・TikTok",[37,4145,4146,4149,4151],{},[58,4147,4148],{},"3:2",[58,4150,4109],{},[58,4152,4153],{},"デジタル一眼レフの標準出力",[11,4155,4156],{},"アスペクト比が合っていない画像をそのまま使うと、CMS や SNS 側でトリミングや余白付加が自動適用され、意図しない見た目になります。特に OGP 画像では横 1200px × 縦 630px（16:9 相当）が推奨されており、比率が外れると主要なオブジェクトが切れて表示されるケースが頻発します。",[15,4158],{},[18,4160,4162],{"id":4161},"環境別アスペクト比指定クロップの手順","環境別：アスペクト比指定クロップの手順",[26,4164,4166],{"id":4165},"windows-標準のフォトアプリを使う場合","Windows 標準の「フォト」アプリを使う場合",[340,4168,4169,4172,4175,4178,4181],{},[306,4170,4171],{},"画像ファイルをフォトで開く",[306,4173,4174],{},"上部メニューの「編集と作成」→「編集」を選択",[306,4176,4177],{},"「トリミングと回転」タブを開く",[306,4179,4180],{},"縦横比プルダウンから「16:9」「正方形」などを選ぶ",[306,4182,4183],{},"切り抜き範囲をドラッグで調整し、「完了」→「保存」",[11,4185,4186],{},"フォトアプリは手軽ですが、カスタム比率（例: 3:1）の指定や数値入力による精密な配置調整は苦手です。",[26,4188,4190],{"id":4189},"macosプレビューを使う場合","macOS「プレビュー」を使う場合",[340,4192,4193,4196,4199],{},[306,4194,4195],{},"画像をプレビューで開き、ツールバーの「マークアップツールバーを表示」をクリック",[306,4197,4198],{},"選択ツール（点線の四角）で範囲を選択",[306,4200,4201],{},"「ツール」メニュー→「選択部分をトリミング」（⌘K）",[11,4203,4204],{},"macOS プレビューはアスペクト比を固定したままドラッグする機能が弱いため、正確な比率を保つには Shift キーで正方形選択する程度の補助しかありません。16:9 を厳密に指定したい場合は向いていません。",[26,4206,4208],{"id":4207},"photoshop-illustrator-などの専門ソフトを使う場合","Photoshop \u002F Illustrator などの専門ソフトを使う場合",[11,4210,4211,4212,4215,4216,4219],{},"Photoshop では切り抜きツール（C キー）のオプションバーで「比率」を選び、W と H にそれぞれ ",[283,4213,4214],{},"16"," と ",[283,4217,4218],{},"9"," を入力します。精度は高く、ピクセル数まで指定した出力も可能です。ただし月額コストが発生するため、簡易な用途には過剰なケースもあります。",[15,4221],{},[18,4223,4224],{"id":4224},"ブラウザだけで完結させる方法",[11,4226,4227,4228,4232],{},"インストール不要・登録不要で処理したい場合、ブラウザ内で動作するツールが実用的です。なかでも ",[288,4229,4231],{"href":4230},"\u002Ftools\u002Fimage-edit","画像編集ツール"," はファイルをサーバーに送信せず、WebAssembly と Canvas API を使ってブラウザ内のみで処理を完結させます。",[26,4234,4235],{"id":4235},"具体的な操作手順",[340,4237,4238,4242,4245,4248],{},[306,4239,4240,2416],{},[288,4241,4231],{"href":4230},[306,4243,4244],{},"「ファイルを選択」または画面へのドラッグ＆ドロップで画像を読み込む",[306,4246,4247],{},"クロップモードを選び、アスペクト比のプリセット（16:9・1:1・4:3・9:16 など）を選択する",[306,4249,4250],{},"切り抜き範囲を調整し、「ダウンロード」で保存する",[11,4252,4253],{},"ネットワーク通信が発生しないため、DevTools の Network タブを開いて確認すると画像データのアップロードリクエストが一切ないことを確認できます。社内資料・個人情報を含む画像を扱う際の懸念を回避できる点が、オンラインツールの中では明確に異なります。",[26,4255,4256],{"id":4256},"主要なオンラインツールとの比較",[31,4258,4259,4274],{},[34,4260,4261],{},[37,4262,4263,4265,4267,4269,4272],{},[40,4264,767],{},[40,4266,1965],{},[40,4268,1034],{},[40,4270,4271],{},"アスペクト比プリセット",[40,4273,1040],{},[53,4275,4276,4290,4303,4317,4331],{},[37,4277,4278,4281,4284,4286,4288],{},[58,4279,4280],{},"zerosend 画像編集ツール",[58,4282,4283],{},"なし（ブラウザ内処理）",[58,4285,1087],{},[58,4287,1984],{},[58,4289,1109],{},[37,4291,4292,4294,4296,4299,4301],{},[58,4293,358],{},[58,4295,1984],{},[58,4297,4298],{},"機能制限あり",[58,4300,1984],{},[58,4302,1059],{},[37,4304,4305,4308,4310,4313,4315],{},[58,4306,4307],{},"Adobe Express",[58,4309,1984],{},[58,4311,4312],{},"機能・枚数制限あり",[58,4314,1984],{},[58,4316,1059],{},[37,4318,4319,4322,4324,4327,4329],{},[58,4320,4321],{},"iLovePDF \u002F Img2Go",[58,4323,1984],{},[58,4325,4326],{},"容量・枚数制限あり",[58,4328,1984],{},[58,4330,1059],{},[37,4332,4333,4336,4339,4341,4344],{},[58,4334,4335],{},"macOS プレビュー",[58,4337,4338],{},"なし（ローカル）",[58,4340,1087],{},[58,4342,4343],{},"なし（手動調整のみ）",[58,4345,1090],{},[11,4347,4348],{},"Canva や Adobe Express はデザイン機能が豊富ですが、画像データはサーバーにアップロードされます。利用規約上は処理後に削除されるとされているものの、機密性の高い素材には注意が必要です。",[15,4350],{},[18,4352,4353],{"id":4353},"よくあるミスと対処法",[26,4355,4356],{"id":4356},"切り抜き後にぼやける",[11,4358,4359,4360,374],{},"出力ピクセル数が小さすぎるケースです。16:9 で書き出す場合は最低でも 1280×720px を確保することが推奨されます。YouTube サムネイルは 1280×720px、OGP 画像は 1200×630px が一般的な最低ラインです（参考: ",[288,4361,4363],{"href":290,"rel":4362},[292],"Open Graph protocol 仕様",[26,4365,4366],{"id":4366},"切り抜いた範囲が意図した箇所からずれる",[11,4368,4369],{},"ピクセル数を指定せずに比率だけで出力すると、ツールによっては元画像のどの部分を中心にするかが異なります。被写体の位置を意識して切り抜き枠を手動調整する習慣をつけることが重要です。",[26,4371,4372],{"id":4372},"変換後にファイルサイズが増える",[11,4374,4375,4376,4380],{},"PNG で出力すると、トリミング前より容量が増えることがあります。最終的な用途が Web であれば、クロップ後に JPEG または WebP で書き出すのが合理的です。WebP の仕様については ",[288,4377,4379],{"href":3472,"rel":4378},[292],"Google の WebP 公式ドキュメント"," を参照してください。",[15,4382],{},[18,4384,444],{"id":444},[11,4386,4387],{},"アスペクト比を指定した画像の切り抜きは、SNS・OGP・プレゼン資料など用途ごとに異なる比率に対応する必要があります。OS 標準ツールはお手軽ですが精度に限界があり、Photoshop 系は高機能な反面コストがかかります。",[11,4389,4390,4391,4393],{},"ブラウザ内処理の ",[288,4392,4231],{"href":4230}," は、インストールなし・登録なし・サーバー送信なしという条件をすべて満たしたうえで、16:9・正方形など主要なアスペクト比プリセットを使ったクロップに対応しています。用途と環境に合わせてツールを選んでください。",{"title":480,"searchDepth":481,"depth":481,"links":4395},[4396,4397,4402,4406,4411],{"id":4080,"depth":481,"text":4080},{"id":4161,"depth":481,"text":4162,"children":4398},[4399,4400,4401],{"id":4165,"depth":486,"text":4166},{"id":4189,"depth":486,"text":4190},{"id":4207,"depth":486,"text":4208},{"id":4224,"depth":481,"text":4224,"children":4403},[4404,4405],{"id":4235,"depth":486,"text":4235},{"id":4256,"depth":486,"text":4256},{"id":4353,"depth":481,"text":4353,"children":4407},[4408,4409,4410],{"id":4356,"depth":486,"text":4356},{"id":4366,"depth":486,"text":4366},{"id":4372,"depth":486,"text":4372},{"id":444,"depth":481,"text":444},"画像を16:9や1:1（正方形）など特定のアスペクト比で切り抜く方法を解説。Webサイト・SNS・資料作成での用途別に最適な手順とツールを紹介します。",{},"\u002Fblog\u002Fimage-crop-aspect-ratio-guide","2026-06-09",{"title":4075,"description":4412},"image-crop-aspect-ratio-guide","blog\u002Fimage-crop-aspect-ratio-guide",[510,930,929,512],"WwlB8tVLBVxpkj4LMfzzx-wxTEsZt3OYUWqGTCb5Fm8",{"id":4422,"title":4423,"author":6,"body":4424,"category":496,"coverImage":497,"description":4731,"draft":499,"extension":500,"locale":501,"meta":4732,"navigation":503,"noindex":499,"path":4733,"publishedAt":4734,"seo":4735,"slug":4736,"stem":4737,"tags":4738,"updatedAt":4734,"__hash__":4739},"blog\u002Fblog\u002Fonline-tool-privacy-safe.md","オンラインツールへのファイルアップロードが危険な理由と安全な使い方",{"type":8,"value":4425,"toc":4718},[4426,4432,4435,4437,4440,4443,4446,4449,4452,4455,4458,4460,4463,4465,4468,4471,4525,4528,4530,4533,4540,4548,4551,4554,4624,4627,4629,4632,4638,4647,4653,4659,4665,4670,4673,4679,4681,4684,4687,4707,4715],[11,4427,4428,4429],{},"「画像を圧縮したい」「PDFを変換したい」――そんなとき、検索で見つけたオンラインツールにファイルをドラッグ&ドロップした経験は誰にでもある。手軽で便利な反面、",[309,4430,4431],{},"そのファイルがどこに送られているかを気にしたことがあるだろうか。",[11,4433,4434],{},"Web担当者や経理・法務などビジネスパーソンが日常的に扱うファイルには、顧客情報・社内資料・個人写真など、外部に出てはいけないデータが含まれていることも多い。本記事では、オンラインツールへのファイルアップロードに潜むリスクを整理したうえで、リスクを回避しながら便利さを維持する方法を説明する。",[15,4436],{},[18,4438,4439],{"id":4439},"オンラインツールにファイルをアップロードすると何が起きるか",[11,4441,4442],{},"多くのオンライン変換・圧縮ツールは、ユーザーがファイルを選択した瞬間に、そのファイルをサービス側のサーバーへ送信する。処理はサーバー上のプログラムが行い、結果ファイルをダウンロードさせる仕組みだ。",[11,4444,4445],{},"この構造には次の問題がある。",[26,4447,4448],{"id":4448},"サーバー上にファイルが残るリスク",[11,4450,4451],{},"「処理後に削除します」と明記しているサービスでも、実際の保存期間・削除タイミングはユーザーには確認できない。サーバーがハッキングされた場合、アップロードされたファイルが流出する可能性がある。2019年にはあるPDF変換サービスで数百万件のファイルが第三者から参照できる状態になっていたことが報告されている。",[26,4453,4454],{"id":4454},"利用規約の落とし穴",[11,4456,4457],{},"無料ツールの利用規約に「アップロードされたコンテンツをサービス改善に利用する権利を付与するものとします」といった条項が含まれているケースがある。機械学習モデルの学習データとして使われる可能性もゼロではない。契約書・医療記録・財務データなどを安易にアップロードすることは、情報管理の観点から大きなリスクを伴う。",[26,4459,2218],{"id":2218},[11,4461,4462],{},"HTTPSが使われていても、サーバー側での復号後はプレーンなデータとして扱われる。エンドツーエンド暗号化ではない点を理解しておく必要がある。",[15,4464],{},[18,4466,4467],{"id":4467},"特にリスクが高いファイルの種類",[11,4469,4470],{},"すべてのファイルが同じリスクを持つわけではない。以下のカテゴリは慎重に扱うべきだ。",[31,4472,4473,4483],{},[34,4474,4475],{},[37,4476,4477,4480],{},[40,4478,4479],{},"ファイルの種類",[40,4481,4482],{},"リスク",[53,4484,4485,4493,4501,4509,4517],{},[37,4486,4487,4490],{},[58,4488,4489],{},"契約書・議事録 (PDF\u002FWord)",[58,4491,4492],{},"取引先・社内情報の漏洩",[37,4494,4495,4498],{},[58,4496,4497],{},"顧客データを含む表計算ファイル",[58,4499,4500],{},"個人情報保護法違反の可能性",[37,4502,4503,4506],{},[58,4504,4505],{},"社員証・パスポートの写真",[58,4507,4508],{},"身元情報の悪用",[37,4510,4511,4514],{},[58,4512,4513],{},"医療・保険関連書類",[58,4515,4516],{},"センシティブ情報の流出",[37,4518,4519,4522],{},[58,4520,4521],{},"ソースコード",[58,4523,4524],{},"知的財産の流出",[11,4526,4527],{},"「画像だから大丈夫」と思いがちだが、Exif情報には撮影日時・GPS座標・端末情報が含まれている場合があり、プライベート写真や社内施設の写真をアップロードすることにも注意が必要だ。",[15,4529],{},[18,4531,4532],{"id":4532},"ブラウザ内処理という選択肢",[11,4534,4535,4536,4539],{},"サーバー送信のリスクを根本的に解消する方法が、",[309,4537,4538],{},"ブラウザ内だけで処理を完結させるツール","の利用だ。",[11,4541,4542,4543,4547],{},"WebAssembly（WASM）技術の普及により、従来はサーバー側でなければ不可能だった重い処理（動画エンコード・画像圧縮・PDF操作など）をブラウザ上のJavaScriptエンジンで実行できるようになっている。",[288,4544,4546],{"href":818,"rel":4545},[292],"WebAssemblyの仕様はW3Cによって標準化されており","、主要なブラウザすべてでサポートされている。",[11,4549,4550],{},"ブラウザ内処理の場合、ファイルはユーザーの端末のメモリ上でのみ扱われ、ネットワークには送信されない。ブラウザの開発者ツール（DevTools）の「Network」タブを開いた状態でツールを使えば、ファイルの外部送信が発生しているかどうかを自分で確認できる。",[26,4552,4553],{"id":4553},"代表的なオンライン画像圧縮ツールの比較",[31,4555,4556,4571],{},[34,4557,4558],{},[37,4559,4560,4562,4564,4566,4569],{},[40,4561,767],{},[40,4563,1031],{},[40,4565,2598],{},[40,4567,4568],{},"登録",[40,4570,2368],{},[53,4572,4573,4587,4599,4611],{},[37,4574,4575,4577,4579,4581,4584],{},[58,4576,1974],{},[58,4578,1050],{},[58,4580,1984],{},[58,4582,4583],{},"不要（制限あり）",[58,4585,4586],{},"無料〜有料",[37,4588,4589,4591,4593,4595,4597],{},[58,4590,1500],{},[58,4592,1050],{},[58,4594,1984],{},[58,4596,1495],{},[58,4598,4586],{},[37,4600,4601,4603,4605,4607,4609],{},[58,4602,3653],{},[58,4604,1101],{},[58,4606,1087],{},[58,4608,1495],{},[58,4610,2628],{},[37,4612,4613,4616,4618,4620,4622],{},[58,4614,4615],{},"zerosend 画像圧縮",[58,4617,1101],{},[58,4619,1087],{},[58,4621,1495],{},[58,4623,2628],{},[11,4625,4626],{},"SmallpdfやTinyPNGは使いやすく機能も豊富だが、ファイルは一度サーバーに送信される。機密性の低いファイルであれば問題ないが、センシティブなデータには向かない。",[15,4628],{},[18,4630,4631],{"id":4631},"ブラウザ内処理ツールの具体的な使い方",[11,4633,4634,4635,4637],{},"ここでは、zerosendの",[288,4636,1391],{"href":437},"を例に、実際の操作手順を説明する。",[11,4639,4640,4642,4643,4646],{},[309,4641,626],{},"\nブラウザで ",[283,4644,4645],{},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-compress"," にアクセスする。インストール不要、アカウント登録不要で即座に使える。",[11,4648,4649,4652],{},[309,4650,4651],{},"手順2: ファイルを選択する","\n「ファイルを選択」ボタンをクリックするか、画像ファイルをドラッグ&ドロップする。JPEG・PNG・WebP・GIF形式に対応している。",[11,4654,4655,4658],{},[309,4656,4657],{},"手順3: 圧縮品質を設定する","\nスライダーで圧縮率を調整する。品質80〜85%程度が、視覚的な劣化を抑えつつファイルサイズを大幅に削減できるバランス点として推奨される。",[11,4660,4661,4664],{},[309,4662,4663],{},"手順4: 処理を確認する","\nDevToolsのNetworkタブを開いておくと、処理中にファイルのアップロード通信が発生していないことを確認できる。処理はすべてブラウザ内のWASMモジュールが行う。",[11,4666,4667,4669],{},[309,4668,650],{},"\n圧縮後のファイルを端末に保存する。元のファイルとのサイズ比較も画面上で確認できる。",[11,4671,4672],{},"初回アクセス時にWASMモジュールを読み込んだ後は、Service Workerによってキャッシュされるため、2回目以降はオフライン環境でも動作する。",[11,4674,4675,4676,4678],{},"なお、画像のフォーマット変換も必要な場合は、",[288,4677,1432],{"href":1431},"を合わせて使うと、圧縮と変換をまとめて対応できる。",[15,4680],{},[18,4682,4683],{"id":4683},"ファイルを外部ツールで扱う際の判断基準",[11,4685,4686],{},"ツール選びの判断は、ファイルの機密レベルと処理場所の組み合わせで考えると整理しやすい。",[303,4688,4689,4695,4701],{},[306,4690,4691,4694],{},[309,4692,4693],{},"機密レベル低（フリー素材、公開前提の画像）",": サーバー処理ツールでも問題なし",[306,4696,4697,4700],{},[309,4698,4699],{},"機密レベル中（社内資料、氏名が含まれる書類）",": ブラウザ内処理ツールを選ぶ、またはローカルアプリを使用",[306,4702,4703,4706],{},[309,4704,4705],{},"機密レベル高（個人情報・機密契約書・医療情報）",": クラウドツールの使用自体を避け、ローカル専用ソフトウェアで処理",[11,4708,4709,4714],{},[288,4710,4713],{"href":4711,"rel":4712},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FPrivacy",[292],"MDNのプライバシーとWeb API の解説","も参照すると、ブラウザのデータ取り扱いの基礎知識として役立つ。",[11,4716,4717],{},"オンラインツールを「便利だから」という理由だけで選ぶのではなく、処理場所・利用規約・通信の有無を確認する習慣をつけることが、個人・組織双方のデータ保護につながる。ブラウザ内処理という技術的な選択肢が存在する以上、扱うファイルに応じてツールを使い分けることは、今日では現実的な対応として十分に可能だ。",{"title":480,"searchDepth":481,"depth":481,"links":4719},[4720,4725,4726,4729,4730],{"id":4439,"depth":481,"text":4439,"children":4721},[4722,4723,4724],{"id":4448,"depth":486,"text":4448},{"id":4454,"depth":486,"text":4454},{"id":2218,"depth":486,"text":2218},{"id":4467,"depth":481,"text":4467},{"id":4532,"depth":481,"text":4532,"children":4727},[4728],{"id":4553,"depth":486,"text":4553},{"id":4631,"depth":481,"text":4631},{"id":4683,"depth":481,"text":4683},"オンラインツールにファイルをアップロードするリスクを解説。プライバシーを守りながら画像圧縮などを行う安全な方法を具体的に紹介します。",{},"\u002Fblog\u002Fonline-tool-privacy-safe","2026-06-08",{"title":4423,"description":4731},"online-tool-privacy-safe","blog\u002Fonline-tool-privacy-safe",[2509,766,1589,1885],"KHLzvLcEre5Wdbj0i8Er0geVvikPkhour0xn0pHXxSE",{"id":4741,"title":4742,"author":6,"body":4743,"category":496,"coverImage":497,"description":5182,"draft":499,"extension":500,"locale":501,"meta":5183,"navigation":503,"noindex":499,"path":5184,"publishedAt":5185,"seo":5186,"slug":5187,"stem":5188,"tags":5189,"updatedAt":5185,"__hash__":5190},"blog\u002Fblog\u002Fpdf-to-image-extract.md","PDFを画像（JPG・PNG）に変換・抽出する方法【完全ガイド】",{"type":8,"value":4744,"toc":5165},[4745,4749,4752,4755,4787,4790,4792,4796,4799,4803,4806,4810,4813,4817,4824,4854,4858,4865,4867,4870,4873,4876,4879,4890,4893,4896,4899,4901,4904,4911,4918,4921,4966,4969,4971,4974,5071,5074,5076,5080,5086,5092,5103,5109,5118,5120,5122,5125,5156,5162],[18,4746,4748],{"id":4747},"pdfを画像に変換したい場面はどこにある","PDFを画像に変換したい場面はどこにある？",[11,4750,4751],{},"PDFは文書配布のフォーマットとして広く普及しているが、「特定のページだけ画像として切り出したい」「図表だけPNGで保存してスライドに貼り込みたい」という局面は業務でも日常的に起きる。",[11,4753,4754],{},"代表的なケースを整理する。",[303,4756,4757,4763,4769,4775,4781],{},[306,4758,4759,4762],{},[309,4760,4761],{},"プレゼン資料への貼り付け",": PDFの図版をそのままPowerPointやKeynoteに埋め込みたい",[306,4764,4765,4768],{},[309,4766,4767],{},"SNS・Webへの掲載",": PDFのまま掲載できないプラットフォームでページ画像として投稿する",[306,4770,4771,4774],{},[309,4772,4773],{},"サムネイル生成",": PDF資料の表紙をJPGに変換してWebサイトに表示する",[306,4776,4777,4780],{},[309,4778,4779],{},"OCR前処理",": テキスト認識ソフトに入力するためにページを画像化する",[306,4782,4783,4786],{},[309,4784,4785],{},"印刷所向けデータ整理",": 特定ページをPNG形式で入稿する",[11,4788,4789],{},"これらすべてに共通する操作が「PDF→画像の変換・抽出」だ。",[15,4791],{},[18,4793,4795],{"id":4794},"変換方法の選択肢とそれぞれの特徴","変換方法の選択肢と、それぞれの特徴",[11,4797,4798],{},"PDF to 画像の変換手段は大きく4種類ある。それぞれの特徴を把握してから使い分けると、品質・速度・セキュリティの面で損をしない。",[26,4800,4802],{"id":4801},"_1-デスクトップアプリadobe-acrobat-など","1. デスクトップアプリ（Adobe Acrobat など）",[11,4804,4805],{},"Adobe Acrobat の有料版では、ページを高解像度のJPEGまたはPNGとしてエクスポートできる。解像度や色空間の細かい指定が可能で、プロユースに向いている。ただし月額費用が発生し、ソフトのインストールが必要になる。",[26,4807,4809],{"id":4808},"_2-osの標準機能","2. OSの標準機能",[11,4811,4812],{},"macOSは「プレビュー」アプリで任意ページをJPEG\u002FPNGに書き出せる。Windowsには同等の標準機能はないが、Microsoft Edgeの印刷ダイアログからPDFをJPEGに変換できる場合がある（品質は限定的）。無料で使えるが、精度が低かったり手順が複雑だったりする。",[26,4814,4816],{"id":4815},"_3-コマンドラインツールghostscript-pdftoppm","3. コマンドラインツール（Ghostscript \u002F pdftoppm）",[11,4818,4819,4820,4823],{},"GhostscriptやPoppler付属の ",[283,4821,4822],{},"pdftoppm"," は解像度・ページ指定・フォーマット選択を細かく制御できる。技術者向けだが、バッチ処理に強く、自動化スクリプトと組み合わせやすい。",[3535,4825,4827],{"className":3537,"code":4826,"language":3539,"meta":480,"style":480},"# pdftoppm の例（Poppler）\npdftoppm -png -r 300 input.pdf output_page\n",[283,4828,4829,4835],{"__ignoreMap":480},[3543,4830,4831],{"class":3545,"line":3546},[3543,4832,4834],{"class":4833},"sJ8bj","# pdftoppm の例（Poppler）\n",[3543,4836,4837,4839,4842,4845,4848,4851],{"class":3545,"line":481},[3543,4838,4822],{"class":3549},[3543,4840,4841],{"class":3552}," -png",[3543,4843,4844],{"class":3552}," -r",[3543,4846,4847],{"class":3552}," 300",[3543,4849,4850],{"class":3559}," input.pdf",[3543,4852,4853],{"class":3559}," output_page\n",[26,4855,4857],{"id":4856},"_4-webブラウザ上のオンラインツール","4. Webブラウザ上のオンラインツール",[11,4859,4860,4861,4864],{},"Smallpdf、iLovePDF、Adobe Acrobat Onlineなど多数のオンラインサービスが存在する。手順は「ファイルをアップロード→変換→ダウンロード」の3ステップで直感的だ。PCへのインストール不要で手軽だが、",[309,4862,4863],{},"ファイルがサーバーに送信される","という点は常に意識しておく必要がある。",[15,4866],{},[18,4868,4869],{"id":4869},"オンラインツールを選ぶ際に確認すべきポイント",[11,4871,4872],{},"Webツールの利便性は高い。しかし何でもアップロードしてよいわけではない。",[26,4874,4875],{"id":4875},"プライバシーとデータ送信のリスク",[11,4877,4878],{},"無料のオンラインPDFツールのほとんどは、変換処理をクラウドサーバー上で行う。ファイルをアップロードした時点でサーバー側にデータが渡る構造になっており、以下のリスクが生じる。",[303,4880,4881,4884,4887],{},[306,4882,4883],{},"サーバー側のログにファイルが残る可能性がある",[306,4885,4886],{},"規約によっては機械学習への利用が認められている場合がある",[306,4888,4889],{},"HTTPS通信でも、暗号化はあくまで「転送中」の保護であり、サーバー上の保存は別問題",[11,4891,4892],{},"社内資料・顧客情報・個人情報を含むPDFをオンラインサービスにアップロードする前に、利用規約のデータ保持ポリシーを確認することを推奨する。",[26,4894,4895],{"id":4895},"解像度と品質の選択肢",[11,4897,4898],{},"変換後の画像が低解像度では実用に耐えない。72dpiと300dpiでは印刷品質に大きな差が出る。サービスによっては無料プランで解像度が制限されている点も注意が必要だ。",[15,4900],{},[18,4902,4903],{"id":4903},"ブラウザ内処理ツールという選択肢",[11,4905,4906,4907,4910],{},"上記のセキュリティ懸念を解決する手段として、",[309,4908,4909],{},"ブラウザ内だけで完結するツール","がある。",[11,4912,4913,4917],{},[288,4914,4916],{"href":4915},"\u002Ftools\u002Fpdf-to-image","PDF → 画像変換ツール"," はそのひとつで、ファイルをサーバーに送信せずに変換を実行する。処理はWebAssembly（WASM）によってユーザーのブラウザ上で行われるため、ファイルの中身が外部に出ることがない。ブラウザの開発者ツール（DevTools）の「Network」タブを確認すれば、変換処理中にファイルデータがリクエストとして送信されていないことを自分で検証できる。",[11,4919,4920],{},"主な仕様は以下のとおり。",[31,4922,4923,4932],{},[34,4924,4925],{},[37,4926,4927,4929],{},[40,4928,2304],{},[40,4930,4931],{},"内容",[53,4933,4934,4941,4947,4953,4959],{},[37,4935,4936,4938],{},[58,4937,2277],{},[58,4939,4940],{},"PDF → JPG \u002F PNG",[37,4942,4943,4945],{},[58,4944,1965],{},[58,4946,4283],{},[37,4948,4949,4951],{},[58,4950,4568],{},[58,4952,1495],{},[37,4954,4955,4957],{},[58,4956,2368],{},[58,4958,2628],{},[37,4960,4961,4963],{},[58,4962,1040],{},[58,4964,4965],{},"初回ロード後は可能（Service Worker キャッシュ）",[11,4967,4968],{},"機密性の高い文書を扱う場面や、社内のセキュリティポリシーでファイルの外部送信が制限されている環境では、この種のローカル処理ツールが実用的な選択肢になる。",[15,4970],{},[18,4972,4973],{"id":4973},"主要ツール比較",[31,4975,4976,4991],{},[34,4977,4978],{},[37,4979,4980,4982,4984,4986,4989],{},[40,4981,767],{},[40,4983,1031],{},[40,4985,3618],{},[40,4987,4988],{},"解像度指定",[40,4990,3281],{},[53,4992,4993,5007,5020,5032,5045,5058],{},[37,4994,4995,4998,5001,5003,5005],{},[58,4996,4997],{},"Adobe Acrobat Online",[58,4999,5000],{},"クラウドサーバー",[58,5002,1548],{},[58,5004,1090],{},[58,5006,1495],{},[37,5008,5009,5011,5013,5015,5018],{},[58,5010,1974],{},[58,5012,5000],{},[58,5014,1548],{},[58,5016,5017],{},"不可（無料プラン）",[58,5019,1495],{},[37,5021,5022,5024,5026,5028,5030],{},[58,5023,1992],{},[58,5025,5000],{},[58,5027,1548],{},[58,5029,5017],{},[58,5031,1495],{},[37,5033,5034,5037,5039,5041,5043],{},[58,5035,5036],{},"macOSプレビュー",[58,5038,1081],{},[58,5040,2628],{},[58,5042,1090],{},[58,5044,1495],{},[37,5046,5047,5050,5052,5054,5056],{},[58,5048,5049],{},"Ghostscript (CLI)",[58,5051,1081],{},[58,5053,2628],{},[58,5055,1090],{},[58,5057,1495],{},[37,5059,5060,5063,5065,5067,5069],{},[58,5061,5062],{},"zerosend PDF → 画像変換",[58,5064,2971],{},[58,5066,1489],{},[58,5068,1090],{},[58,5070,1495],{},[11,5072,5073],{},"クラウド処理型のツールは機能が充実している一方、ファイルがサーバーに送信される。ローカル処理型はプライバシーを担保できるが、デスクトップアプリのインストールやCLIの知識が必要になることが多い。zerosendのようなブラウザ内WASM処理はその中間に位置し、インストール不要でかつサーバー送信がない点が特徴だ。",[15,5075],{},[18,5077,5079],{"id":5078},"よくある質問faq","よくある質問（FAQ）",[11,5081,5082,5085],{},[309,5083,5084],{},"Q1. PDFの一部ページだけを画像に変換できますか？","\n対応ツールであれば、変換対象ページを個別に指定できる。zerosend のツールではページを選択して出力できる。",[11,5087,5088,5091],{},[309,5089,5090],{},"Q2. 高解像度（300dpi以上）での書き出しは可能ですか？","\nAdobe Acrobatやコマンドラインツール（Ghostscript、pdftoppm）では解像度を細かく指定できる。Webツールは無料プランで制限がかかる場合があるので確認が必要。",[11,5093,5094,5097,5098,5102],{},[309,5095,5096],{},"Q3. 変換後のJPGとPNG、どちらを選べばよいですか？","\n写真・グラデーションを含むページはJPGが容量を抑えやすい。テキストや線画、透明背景が必要な場合はPNGが適している。Web表示用であれば",[288,5099,5101],{"href":5100},"\u002Ftools\u002Fimage-to-webp","WebP変換","も検討に値する。",[11,5104,5105,5108],{},[309,5106,5107],{},"Q4. スキャンしたPDFのページも変換できますか？","\nスキャンPDFも画像化自体は可能。ただしテキスト情報はもともと含まれていないため、文字の抽出（OCR）には別途ツールが必要になる。",[11,5110,5111,5114,5115,5117],{},[309,5112,5113],{},"Q5. 複数ページを一括でJPG変換できますか？","\nツールにより異なる。デスクトップアプリや ",[283,5116,4822],{}," はバッチ処理が得意。Webツールでも複数ページ対応のものはある。",[15,5119],{},[18,5121,444],{"id":444},[11,5123,5124],{},"PDFを画像（JPG・PNG）に変換・抽出する方法は複数ある。用途と環境に合わせて選択することが重要だ。",[303,5126,5127,5144,5150],{},[306,5128,5129,5132,5133,5138,5139,5143],{},[309,5130,5131],{},"高品質・細かい設定が必要",": Adobe Acrobat またはコマンドラインツール（",[288,5134,5137],{"href":5135,"rel":5136},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002F",[292],"pdftoppm の詳細はこちら（Mozilla Developer Network）","、",[288,5140,5142],{"href":818,"rel":5141},[292],"WebAssemblyの仕様はW3Cを参照","）",[306,5145,5146,5149],{},[309,5147,5148],{},"手軽さ重視・セキュリティ不問",": SmallpdfやiLovePDFなどのクラウド型",[306,5151,5152,5155],{},[309,5153,5154],{},"インストール不要かつサーバー送信なし",": ブラウザ内処理型のツール",[11,5157,5158,5159,5161],{},"機密文書や個人情報を含むPDFを扱う場合は、ファイルの転送先を意識したツール選びが欠かせない。ブラウザ内で完結する ",[288,5160,4916],{"href":4915}," はその選択肢のひとつとして、特にセキュリティを重視する場面で有効に機能する。",[3757,5163,5164],{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":480,"searchDepth":481,"depth":481,"links":5166},[5167,5168,5174,5178,5179,5180,5181],{"id":4747,"depth":481,"text":4748},{"id":4794,"depth":481,"text":4795,"children":5169},[5170,5171,5172,5173],{"id":4801,"depth":486,"text":4802},{"id":4808,"depth":486,"text":4809},{"id":4815,"depth":486,"text":4816},{"id":4856,"depth":486,"text":4857},{"id":4869,"depth":481,"text":4869,"children":5175},[5176,5177],{"id":4875,"depth":486,"text":4875},{"id":4895,"depth":486,"text":4895},{"id":4903,"depth":481,"text":4903},{"id":4973,"depth":481,"text":4973},{"id":5078,"depth":481,"text":5079},{"id":444,"depth":481,"text":444},"PDFのページや図版をJPG・PNG画像として取り出す方法を解説。オンラインツールの選び方、プライバシーリスク、ブラウザ完結ツールの使い方まで実践的にまとめた。",{},"\u002Fblog\u002Fpdf-to-image-extract","2026-06-07",{"title":4742,"description":5182},"pdf-to-image-extract","blog\u002Fpdf-to-image-extract",[1290,766,765,767],"JMzyJlYeDvGJZ5mBhi6D0Cb1k55H8FOeAE4ei9zl80c",{"id":4,"title":5,"author":6,"body":5192,"category":496,"coverImage":497,"description":498,"draft":499,"extension":500,"locale":501,"meta":5534,"navigation":503,"noindex":499,"path":504,"publishedAt":505,"seo":5535,"slug":507,"stem":508,"tags":5536,"updatedAt":505,"__hash__":514},{"type":8,"value":5193,"toc":5520},[5194,5196,5198,5200,5202,5204,5260,5262,5264,5330,5332,5334,5390,5397,5399,5401,5403,5417,5419,5421,5423,5425,5427,5445,5450,5452,5456,5458,5468,5470,5472,5474,5478,5482,5486,5492,5494,5496,5498,5516],[11,5195,13],{},[15,5197],{},[18,5199,21],{"id":20},[11,5201,24],{},[26,5203,29],{"id":28},[31,5205,5206,5218],{},[34,5207,5208],{},[37,5209,5210,5212,5214,5216],{},[40,5211,42],{},[40,5213,45],{},[40,5215,48],{},[40,5217,51],{},[53,5219,5220,5230,5240,5250],{},[37,5221,5222,5224,5226,5228],{},[58,5223,60],{},[58,5225,63],{},[58,5227,66],{},[58,5229,69],{},[37,5231,5232,5234,5236,5238],{},[58,5233,74],{},[58,5235,77],{},[58,5237,80],{},[58,5239,83],{},[37,5241,5242,5244,5246,5248],{},[58,5243,88],{},[58,5245,91],{},[58,5247,94],{},[58,5249,97],{},[37,5251,5252,5254,5256,5258],{},[58,5253,102],{},[58,5255,105],{},[58,5257,108],{},[58,5259,97],{},[11,5261,113],{},[26,5263,117],{"id":116},[31,5265,5266,5278],{},[34,5267,5268],{},[37,5269,5270,5272,5274,5276],{},[40,5271,42],{},[40,5273,45],{},[40,5275,48],{},[40,5277,132],{},[53,5279,5280,5290,5300,5310,5320],{},[37,5281,5282,5284,5286,5288],{},[58,5283,139],{},[58,5285,142],{},[58,5287,80],{},[58,5289,147],{},[37,5291,5292,5294,5296,5298],{},[58,5293,152],{},[58,5295,155],{},[58,5297,108],{},[58,5299,160],{},[37,5301,5302,5304,5306,5308],{},[58,5303,165],{},[58,5305,168],{},[58,5307,171],{},[58,5309,174],{},[37,5311,5312,5314,5316,5318],{},[58,5313,179],{},[58,5315,182],{},[58,5317,185],{},[58,5319,188],{},[37,5321,5322,5324,5326,5328],{},[58,5323,74],{},[58,5325,195],{},[58,5327,80],{},[58,5329,200],{},[11,5331,203],{},[26,5333,206],{"id":206},[31,5335,5336,5348],{},[34,5337,5338],{},[37,5339,5340,5342,5344,5346],{},[40,5341,215],{},[40,5343,218],{},[40,5345,221],{},[40,5347,224],{},[53,5349,5350,5360,5370,5380],{},[37,5351,5352,5354,5356,5358],{},[58,5353,231],{},[58,5355,234],{},[58,5357,237],{},[58,5359,105],{},[37,5361,5362,5364,5366,5368],{},[58,5363,244],{},[58,5365,247],{},[58,5367,77],{},[58,5369,247],{},[37,5371,5372,5374,5376,5378],{},[58,5373,256],{},[58,5375,259],{},[58,5377,262],{},[58,5379,265],{},[37,5381,5382,5384,5386,5388],{},[58,5383,270],{},[58,5385,273],{},[58,5387,276],{},[58,5389,265],{},[11,5391,281,5392,286,5394,293],{},[283,5393,285],{},[288,5395,290],{"href":290,"rel":5396},[292],[15,5398],{},[18,5400,298],{"id":298},[11,5402,301],{},[303,5404,5405,5409,5413],{},[306,5406,5407,312],{},[309,5408,311],{},[306,5410,5411,318],{},[309,5412,317],{},[306,5414,5415,324],{},[309,5416,323],{},[11,5418,327],{},[15,5420],{},[18,5422,332],{"id":332},[26,5424,335],{"id":335},[11,5426,338],{},[340,5428,5429,5433,5437,5441],{},[306,5430,5431,347],{},[309,5432,346],{},[306,5434,5435,353],{},[309,5436,352],{},[306,5438,5439,359],{},[309,5440,358],{},[306,5442,5443,365],{},[309,5444,364],{},[11,5446,368,5447,374],{},[288,5448,373],{"href":371,"rel":5449},[292],[26,5451,377],{"id":377},[11,5453,380,5454,385],{},[288,5455,384],{"href":383},[11,5457,388],{},[340,5459,5460,5462,5464,5466],{},[306,5461,393],{},[306,5463,396],{},[306,5465,399],{},[306,5467,402],{},[11,5469,405],{},[15,5471],{},[18,5473,410],{"id":410},[11,5475,5476,416],{},[309,5477,415],{},[11,5479,5480,422],{},[309,5481,421],{},[11,5483,5484,428],{},[309,5485,427],{},[11,5487,5488,434,5490,439],{},[309,5489,433],{},[288,5491,438],{"href":437},[15,5493],{},[18,5495,444],{"id":444},[11,5497,447],{},[303,5499,5500,5504,5508,5512],{},[306,5501,5502,455],{},[309,5503,454],{},[306,5505,5506,461],{},[309,5507,460],{},[306,5509,5510,467],{},[309,5511,466],{},[306,5513,5514,472],{},[309,5515,179],{},[11,5517,475,5518,478],{},[288,5519,384],{"href":383},{"title":480,"searchDepth":481,"depth":481,"links":5521},[5522,5527,5528,5532,5533],{"id":20,"depth":481,"text":21,"children":5523},[5524,5525,5526],{"id":28,"depth":486,"text":29},{"id":116,"depth":486,"text":117},{"id":206,"depth":486,"text":206},{"id":298,"depth":481,"text":298},{"id":332,"depth":481,"text":332,"children":5529},[5530,5531],{"id":335,"depth":486,"text":335},{"id":377,"depth":486,"text":377},{"id":410,"depth":481,"text":410},{"id":444,"depth":481,"text":444},{},{"title":5,"description":498},[510,511,512,513],{"id":5538,"title":5539,"author":6,"body":5540,"category":496,"coverImage":497,"description":5760,"draft":499,"extension":500,"locale":501,"meta":5761,"navigation":503,"noindex":499,"path":5762,"publishedAt":5763,"seo":5764,"slug":5765,"stem":5766,"tags":5767,"updatedAt":5763,"__hash__":5768},"blog\u002Fblog\u002Flcp-improve-image.md","LCP改善に効く画像最適化の実践ガイド｜Core Web Vitals対策",{"type":8,"value":5541,"toc":5743},[5542,5546,5556,5563,5578,5580,5583,5587,5590,5597,5601,5614,5617,5621,5628,5637,5639,5643,5646,5656,5666,5672,5678,5684,5686,5689,5692,5695,5699,5702,5708,5717,5720,5727,5729,5731,5734,5740],[18,5543,5545],{"id":5544},"lcpが遅い原因の大半は画像にある","LCPが遅い原因の大半は「画像」にある",[11,5547,5548,5549,5551,5552,5555],{},"Google の Core Web Vitals（コアウェブバイタル）の中で、最も改善効果が実感しやすい指標が ",[309,5550,1313],{}," です。LCP はページ内で最も大きな可視コンテンツが表示されるまでの時間を計測し、",[309,5553,5554],{},"2.5秒以内","が「良好」とされています。",[11,5557,5558,5559,5562],{},"PageSpeed Insights や Google Search Console でスコアを確認したことがある人なら、「LCP の改善が必要です」という警告を見た経験があるはずです。その警告の原因を分解すると、多くのケースで ",[309,5560,5561],{},"ヒーロー画像やバナー画像のファイルサイズが大きすぎること"," が根本にあります。",[11,5564,5565,5570,5571,5574,5575],{},[288,5566,5569],{"href":5567,"rel":5568},"https:\u002F\u002Fweb.dev\u002Farticles\u002Flcp",[292],"Web.dev の LCP ドキュメント"," によれば、LCP 要素の約70%は ",[283,5572,5573],{},"\u003Cimg>"," タグまたは CSS 背景画像です。つまり、",[309,5576,5577],{},"画像を適切に最適化するだけで LCP スコアが劇的に改善するケースは珍しくありません。",[15,5579],{},[18,5581,5582],{"id":5582},"画像最適化で押さえるべき3つのポイント",[26,5584,5586],{"id":5585},"_1-ファイルサイズの圧縮","1. ファイルサイズの圧縮",[11,5588,5589],{},"JPEG や PNG をそのままアップロードすると、カメラや Photoshop が出力した「生データ」がそのままユーザーのブラウザに届きます。スマートフォンで撮影した写真は 3〜6 MB になることも珍しくなく、これが LCP を直撃します。",[11,5591,5592,5593,5596],{},"品質を大きく落とさずファイルサイズを削減するには、",[309,5594,5595],{},"可逆・非可逆圧縮の組み合わせ","が有効です。JPEG は品質 75〜85 程度、PNG はメタデータを除去するだけでも大幅に軽量化できます。",[26,5598,5600],{"id":5599},"_2-次世代フォーマットへの変換","2. 次世代フォーマットへの変換",[11,5602,5603,5604,5607,5608,5613],{},"WebP は JPEG と比較して平均 ",[309,5605,5606],{},"25〜35% 小さいファイルサイズ","を実現しつつ、視覚品質はほぼ同等です。",[288,5609,5612],{"href":5610,"rel":5611},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FMedia\u002FFormats\u002FImage_types#webp",[292],"MDN Web Docs の WebP ガイド"," にも記載されているとおり、現代のブラウザは Safari を含めてほぼすべて WebP に対応しています。",[11,5615,5616],{},"AVIF はさらに圧縮率が高いものの、エンコードに時間がかかるため、まず WebP への移行を優先するのが現実的な順序です。",[26,5618,5620],{"id":5619},"_3-表示サイズに合った解像度","3. 表示サイズに合った解像度",[11,5622,5623,5624,5627],{},"4000×3000px の画像を CSS で 800px 幅に縮めて表示しているケースは非常に多く見られます。ブラウザがダウンロードするのはあくまで元ファイルなので、",[309,5625,5626],{},"表示サイズに合わせてリサイズしてからアップロードする","ことが重要です。",[11,5629,5630,5632,5633,5636],{},[283,5631,5573],{}," の ",[283,5634,5635],{},"srcset"," 属性を使えば、デバイスの画面解像度に応じて異なるサイズの画像を配信できます。ただし、その前提として「適切なサイズの画像ファイルが存在すること」が必要です。",[15,5638],{},[18,5640,5642],{"id":5641},"実際の改善手順画像最適化のワークフロー","実際の改善手順：画像最適化のワークフロー",[11,5644,5645],{},"以下のフローで進めると、作業漏れが少なく効率的です。",[11,5647,5648,5651,5652,5655],{},[309,5649,5650],{},"Step 1 — 現状把握","\nPageSpeed Insights（",[288,5653,1376],{"href":1376,"rel":5654},[292],"）で対象ページを計測し、「LCP 要素」として指摘されている画像を特定します。「適切なサイズの画像」「次世代フォーマットでの画像の配信」などの提案が出ていれば、画像最適化が有効です。",[11,5657,5658,5661,5662,5665],{},[309,5659,5660],{},"Step 2 — ファイルを圧縮・変換","\n特定した画像ファイルをダウンロードし、圧縮ツールで処理します。このとき気になるのが ",[309,5663,5664],{},"プライバシーの問題","です。業務で扱う画像（商品写真・社内資料のスクリーンショットなど）をクラウド型のツールにアップロードすると、ファイルがサーバーに送信・保存されるリスクがあります。",[11,5667,5668,5669,5671],{},"ブラウザ内だけで処理が完結する ",[288,5670,1391],{"href":437}," を使えば、ファイルはネットワークに出ないため、機密性の高い画像でも安心して圧縮できます。JPEG・PNG・WebP などの形式に対応しており、圧縮後のプレビューで品質を確認してからダウンロードできます。",[11,5673,5674,5677],{},[309,5675,5676],{},"Step 3 — サイズと形式を確認","\n圧縮後のファイルが表示幅に対して適切な解像度かどうか確認します。PC で最大 1200px 幅で表示するなら、画像も 1200px 以上ある必要はありません。",[11,5679,5680,5683],{},[309,5681,5682],{},"Step 4 — アップロードと再計測","\n最適化済みのファイルを CMS や FTP でアップロードし、再度 PageSpeed Insights で計測します。LCP の数値が改善しているかを必ず確認してください。",[15,5685],{},[18,5687,5688],{"id":5688},"よくある落とし穴と注意点",[26,5690,5691],{"id":5691},"圧縮しすぎによる品質劣化",[11,5693,5694],{},"JPEG の品質を 30 以下まで下げると、ブロックノイズが目立ち始めます。EC サイトの商品画像など、ディテールが重要なケースでは品質 75〜85 が現実的な下限です。圧縮ツールでプレビューを確認しながら調整する習慣をつけてください。",[26,5696,5698],{"id":5697},"wordpress-の自動リサイズ機能との関係","WordPress の自動リサイズ機能との関係",[11,5700,5701],{},"WordPress はアップロード時に自動でサムネイルを生成しますが、元画像のファイルサイズは変わりません。プラグイン（Smush・EWWW Image Optimizer など）を使うか、アップロード前に手動で圧縮しておくかのどちらかが必要です。",[26,5703,5705,5707],{"id":5704},"loadinglazy-の誤用",[283,5706,1450],{}," の誤用",[11,5709,5710,5711,5713,5714,5716],{},"LCP 要素となるファビコン画像やヒーロー画像に ",[283,5712,1450],{}," を付けると、逆にLCPが悪化します。",[283,5715,1450],{}," はスクロールしないと見えない画像（フォールド以下）にのみ適用してください。",[26,5718,5719],{"id":5719},"フォーマット変換だけでは不十分",[11,5721,5722,5723,5726],{},"WebP に変換しても元が 5 MB の画像なら依然として重いままです。フォーマット変換と圧縮は",[309,5724,5725],{},"必ずセットで実施","することが原則です。",[15,5728],{},[18,5730,444],{"id":444},[11,5732,5733],{},"LCP を改善する最短経路の一つは、画像の圧縮と適切なフォーマット選択です。手順を整理するとシンプルで、計測 → 圧縮・変換 → 差し替え → 再計測のサイクルを回すだけです。",[11,5735,5736,5737,5739],{},"ツール選びでは、業務上の機密保持が気になる場面も多いはずです。サーバーにファイルを送らない ",[288,5738,1391],{"href":437}," のようなブラウザ完結型のアプローチは、そうした場面での選択肢になります。",[11,5741,5742],{},"画像以外の要因（フォントの遅延・レンダーブロッキングなど）も LCP に影響するため、画像最適化で改善が一段落したら、次のステップとして JavaScript や CSS の最適化にも着手することを推奨します。",{"title":480,"searchDepth":481,"depth":481,"links":5744},[5745,5746,5751,5752,5759],{"id":5544,"depth":481,"text":5545},{"id":5582,"depth":481,"text":5582,"children":5747},[5748,5749,5750],{"id":5585,"depth":486,"text":5586},{"id":5599,"depth":486,"text":5600},{"id":5619,"depth":486,"text":5620},{"id":5641,"depth":481,"text":5642},{"id":5688,"depth":481,"text":5688,"children":5753},[5754,5755,5756,5758],{"id":5691,"depth":486,"text":5691},{"id":5697,"depth":486,"text":5698},{"id":5704,"depth":486,"text":5757},"loading=\"lazy\" の誤用",{"id":5719,"depth":486,"text":5719},{"id":444,"depth":481,"text":444},"LCPスコア悪化の主因は画像の重さ。Core Web Vitals改善に直結する画像最適化の手順と、ブラウザ内完結の無料ツールを実例とともに解説します。",{},"\u002Fblog\u002Flcp-improve-image","2026-06-04",{"title":5539,"description":5760},"lcp-improve-image","blog\u002Flcp-improve-image",[510,1589,1590,513],"pKNWnzzml8vik7PKLikue7fAWaaKml3las-Yn3sLBwk",{"id":5770,"title":5771,"author":6,"body":5772,"category":496,"coverImage":497,"description":6177,"draft":499,"extension":500,"locale":501,"meta":6178,"navigation":503,"noindex":499,"path":6179,"publishedAt":6180,"seo":6181,"slug":6182,"stem":6183,"tags":6184,"updatedAt":6180,"__hash__":6186},"blog\u002Fblog\u002Fvideo-format-mp4-webm-mov.md","動画形式MP4・WebM・MOVの違いと変換方法を徹底解説",{"type":8,"value":5773,"toc":6164},[5774,5777,5781,5784,5788,5791,5795,5808,5812,5815,5819,5928,5930,5933,5936,5942,5958,5964,5970,5972,5976,5979,6070,6073,6075,6079,6084,6089,6105,6108,6110,6113,6119,6125,6131,6133,6135,6161],[11,5775,5776],{},"動画ファイルを扱っていると「MP4で送ってほしい」「WebMに変換できますか」「MOVが再生できない」といった場面に直面する。形式ごとに何が違うのか、どう使い分ければいいのかを整理しておくと、こうした問題の大半は事前に回避できる。",[18,5778,5780],{"id":5779},"mp4webmmovの基本的な違い","MP4・WebM・MOVの基本的な違い",[11,5782,5783],{},"動画ファイルは「コンテナ形式」と「コーデック」の組み合わせで成り立っている。コンテナは映像・音声・字幕などのデータをまとめる入れ物であり、MP4・WebM・MOVはいずれもコンテナ形式の名称だ。",[26,5785,5787],{"id":5786},"mp4mp4","MP4（.mp4）",[11,5789,5790],{},"正式名称はMPEG-4 Part 14。現在もっとも広く普及しているコンテナ形式で、Windows・macOS・iOS・Android・各種ブラウザのすべてで再生できる。映像コーデックにはH.264（AVC）またはH.265（HEVC）が使われることが多い。汎用性が最も高く、「迷ったらMP4」という判断が多くの場面で通用する。",[26,5792,5794],{"id":5793},"webmwebm","WebM（.webm）",[11,5796,5797,5798,5801,5802,5807],{},"Googleが主導してオープンソースで開発したコンテナ形式。映像にVP8\u002FVP9\u002FAV1、音声にVorbis\u002FOpusを使用する。ライセンス料が不要なため、Web上の動画配信に向いている。HTML5の ",[283,5799,5800],{},"\u003Cvideo>"," タグでの利用が典型的なユースケースであり、",[288,5803,5806],{"href":5804,"rel":5805},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FMedia\u002FFormats\u002FContainers#webm",[292],"MDNのWebM解説","に詳しい情報がある。ただし、QuickTimeやWindows Media Playerなどデスクトップアプリでは再生できないケースがある。",[26,5809,5811],{"id":5810},"movmov","MOV（.mov）",[11,5813,5814],{},"AppleのQuickTimeが定めたコンテナ形式。macOSやiPhoneでの録画・編集には標準的に使われる。Final Cut ProやiMovieとの親和性が高く、プロの映像制作現場でも利用される。一方、Windowsの標準環境ではコーデックを別途インストールしないと再生できないことがあり、配布・共有には不向きな場合がある。",[26,5816,5818],{"id":5817},"_3形式の比較表","3形式の比較表",[31,5820,5821,5836],{},[34,5822,5823],{},[37,5824,5825,5827,5830,5833],{},[40,5826,2304],{},[40,5828,5829],{},"MP4",[40,5831,5832],{},"WebM",[40,5834,5835],{},"MOV",[53,5837,5838,5851,5865,5877,5888,5902,5914],{},[37,5839,5840,5842,5845,5848],{},[58,5841,4100],{},[58,5843,5844],{},"汎用・SNS・メール添付",[58,5846,5847],{},"Web配信・HTML5動画",[58,5849,5850],{},"Apple製品・映像編集",[37,5852,5853,5856,5859,5862],{},[58,5854,5855],{},"ブラウザ再生",[58,5857,5858],{},"◎ 全主要ブラウザ対応",[58,5860,5861],{},"○ Chrome・Firefox等",[58,5863,5864],{},"△ Safari中心",[37,5866,5867,5870,5873,5875],{},[58,5868,5869],{},"Windows再生",[58,5871,5872],{},"◎",[58,5874,2649],{},[58,5876,2649],{},[37,5878,5879,5882,5884,5886],{},[58,5880,5881],{},"macOS再生",[58,5883,5872],{},[58,5885,1977],{},[58,5887,5872],{},[37,5889,5890,5893,5896,5899],{},[58,5891,5892],{},"ファイルサイズ",[58,5894,5895],{},"中",[58,5897,5898],{},"小〜中",[58,5900,5901],{},"中〜大",[37,5903,5904,5907,5910,5912],{},[58,5905,5906],{},"品質",[58,5908,5909],{},"高",[58,5911,5909],{},[58,5913,5909],{},[37,5915,5916,5919,5922,5925],{},[58,5917,5918],{},"ライセンス",[58,5920,5921],{},"特許あり",[58,5923,5924],{},"完全オープン",[58,5926,5927],{},"Apple独自",[15,5929],{},[18,5931,5932],{"id":5932},"用途別の使い分け",[11,5934,5935],{},"用途に応じて形式を選ぶ判断基準を示す。",[11,5937,5938,5941],{},[309,5939,5940],{},"SNSへの投稿・メール添付","：MP4一択。YouTube・Instagram・X（旧Twitter）はいずれもMP4を推奨しており、H.264コーデックとの組み合わせが最も互換性が高い。",[11,5943,5944,5947,5948,5951,5952,5957],{},[309,5945,5946],{},"Webサイトへの埋め込み","：WebMを優先し、非対応ブラウザ向けのフォールバックとしてMP4も用意するのが定石。",[283,5949,5950],{},"\u003Csource>"," タグで複数形式を指定することで、ブラウザが対応形式を自動選択する。",[288,5953,5956],{"href":5954,"rel":5955},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml52\u002Fsemantics-embedded-content.html#the-source-element",[292],"W3Cのメディアタイプ仕様","も参考になる。",[11,5959,5960,5963],{},[309,5961,5962],{},"Apple製品での編集・保存","：MOVのまま扱うのが効率的。ただし他者に共有する段階でMP4に変換するのが無難。",[11,5965,5966,5969],{},[309,5967,5968],{},"長期保存・アーカイブ","：MP4（H.264）が最も再生環境を選ばない。H.265は圧縮率が高いが、再生できない古い機器もある点に注意。",[15,5971],{},[18,5973,5975],{"id":5974},"主要ツールの比較形式変換をどこで行うか","主要ツールの比較：形式変換をどこで行うか",[11,5977,5978],{},"動画の形式変換ツールはいくつかのカテゴリに分かれる。",[31,5980,5981,5995],{},[34,5982,5983],{},[37,5984,5985,5987,5989,5991,5993],{},[40,5986,767],{},[40,5988,1031],{},[40,5990,2595],{},[40,5992,3860],{},[40,5994,766],{},[53,5996,5997,6011,6023,6039,6053],{},[37,5998,5999,6002,6004,6006,6008],{},[58,6000,6001],{},"Handbrake（デスクトップ）",[58,6003,1081],{},[58,6005,2628],{},[58,6007,1084],{},[58,6009,6010],{},"◎ サーバー送信なし",[37,6012,6013,6015,6017,6019,6021],{},[58,6014,1078],{},[58,6016,1081],{},[58,6018,2628],{},[58,6020,1084],{},[58,6022,6010],{},[37,6024,6025,6028,6030,6033,6036],{},[58,6026,6027],{},"Cloudconvert",[58,6029,1050],{},[58,6031,6032],{},"無料枠あり",[58,6034,6035],{},"1GB（無料枠）",[58,6037,6038],{},"△ サーバー処理",[37,6040,6041,6044,6046,6048,6051],{},[58,6042,6043],{},"Convertio",[58,6045,1050],{},[58,6047,6032],{},[58,6049,6050],{},"100MB（無料枠）",[58,6052,6038],{},[37,6054,6055,6061,6063,6065,6068],{},[58,6056,6057,2672],{},[288,6058,6060],{"href":6059},"\u002Ftools\u002Fvideo-convert","動画形式変換ツール",[58,6062,1101],{},[58,6064,1489],{},[58,6066,6067],{},"ブラウザ依存",[58,6069,6010],{},[11,6071,6072],{},"Cloudconvertや同種のオンラインサービスは手軽だが、ファイルがサーバーにアップロードされる。社内資料・個人情報が含まれる動画を扱う場合、このリスクは無視できない。",[15,6074],{},[18,6076,6078],{"id":6077},"ブラウザだけで変換する方法zerosendの使い方","ブラウザだけで変換する方法：zerosendの使い方",[11,6080,2056,6081,6083],{},[288,6082,6060],{"href":6059},"は、ffmpeg.wasmをブラウザ内で実行することでサーバーへのファイル送信を行わずに変換処理を完結させている。DevToolsのNetworkタブを開いた状態で変換を実行しても、動画ファイルがサーバーに送信されないことを自分で確認できる。",[11,6085,6086],{},[309,6087,6088],{},"操作手順",[340,6090,6091,6096,6099,6102],{},[306,6092,6093,6095],{},[288,6094,6060],{"href":6059},"をブラウザで開く",[306,6097,6098],{},"変換したいファイル（MP4・MOV・WebM・AVI等）をドラッグ＆ドロップ、またはクリックして選択する",[306,6100,6101],{},"出力形式（MP4・WebM・MOV等）を選択する",[306,6103,6104],{},"「変換」ボタンをクリックし、処理完了後にファイルをダウンロードする",[11,6106,6107],{},"初回はffmpeg.wasmの読み込みに数秒かかるが、以降はService Workerによってキャッシュされるため、オフライン環境でも動作する。アカウント登録・インストール不要で即座に使い始められる。",[15,6109],{},[18,6111,6112],{"id":6112},"変換時によくある失敗と対処法",[11,6114,6115,6118],{},[309,6116,6117],{},"音声が消える","：出力形式とコーデックの組み合わせが不適切な場合に起きる。特にWebM変換時はVorbisまたはOpusが対応コーデックであり、AACはそのままでは使えない。ツール側で自動変換される場合も多いが、無音になった場合は別の変換オプションを試す。",[11,6120,6121,6124],{},[309,6122,6123],{},"ファイルサイズが想定より大きい","：MOV→MP4変換では、コーデック変換（トランスコード）が伴う場合とコンテナの切り替えだけで済む場合（ストリームコピー）がある。品質設定が高すぎると元ファイルより大きくなることがある。CRF値や品質スライダーを調整する。",[11,6126,6127,6130],{},[309,6128,6129],{},"変換が遅い","：ブラウザ内処理はCPUに依存する。長尺・高解像度の動画は数分かかることがある。タブをアクティブのまま待機するとJavaScriptのスロットリングを避けられる。",[15,6132],{},[18,6134,444],{"id":444},[303,6136,6137,6142,6147,6152,6155],{},[306,6138,6139,6141],{},[309,6140,5829],{},"は最も汎用性が高く、用途が不明な場合の第一選択肢",[306,6143,6144,6146],{},[309,6145,5832],{},"はWeb配信・HTML5動画向けで、ライセンスフリーのオープン形式",[306,6148,6149,6151],{},[309,6150,5835],{},"はAppleエコシステムでの編集に最適だが、配布にはMP4変換を検討する",[306,6153,6154],{},"機密性の高いファイルを変換する場合は、サーバーへのアップロードが発生しないローカル処理ツールを選ぶ",[306,6156,6157,6158,6160],{},"ブラウザ完結で手軽にすませるなら",[288,6159,6060],{"href":6059},"が選択肢の一つになる",[11,6162,6163],{},"形式の特性を理解した上で目的に合ったツールを選べば、変換ミスや互換性の問題を大幅に減らせる。",{"title":480,"searchDepth":481,"depth":481,"links":6165},[6166,6172,6173,6174,6175,6176],{"id":5779,"depth":481,"text":5780,"children":6167},[6168,6169,6170,6171],{"id":5786,"depth":486,"text":5787},{"id":5793,"depth":486,"text":5794},{"id":5810,"depth":486,"text":5811},{"id":5817,"depth":486,"text":5818},{"id":5932,"depth":481,"text":5932},{"id":5974,"depth":481,"text":5975},{"id":6077,"depth":481,"text":6078},{"id":6112,"depth":481,"text":6112},{"id":444,"depth":481,"text":444},"MP4・WebM・MOVの違いを比較し、用途別の使い分けと変換方法を解説。ブラウザだけで完結する無料ツールの使い方も紹介します。",{},"\u002Fblog\u002Fvideo-format-mp4-webm-mov","2026-06-03",{"title":5771,"description":6177},"video-format-mp4-webm-mov","blog\u002Fvideo-format-mp4-webm-mov",[1289,1290,512,6185],"技術解説","bpaophckQmSP0EhCzX55rCfP7shuZmPnSj78HPSUabM",{"id":6188,"title":6189,"author":6,"body":6190,"category":496,"coverImage":497,"description":6496,"draft":499,"extension":500,"locale":501,"meta":6497,"navigation":503,"noindex":499,"path":6498,"publishedAt":6499,"seo":6500,"slug":6501,"stem":6502,"tags":6503,"updatedAt":6499,"__hash__":6504},"blog\u002Fblog\u002Fmp3-cut-trim-online.md","MP3をオンラインで無料カット・トリミングする方法【ブラウザ完結】",{"type":8,"value":6191,"toc":6483},[6192,6196,6199,6206,6209,6211,6215,6218,6293,6296,6299,6310,6317,6319,6322,6332,6335,6343,6345,6349,6355,6358,6386,6389,6409,6412,6414,6416,6422,6428,6434,6440,6446,6448,6450,6453,6480],[18,6193,6195],{"id":6194},"mp3のカットトリミングでよくある悩み","MP3のカット・トリミングでよくある悩み",[11,6197,6198],{},"「BGM の冒頭だけ切り出したい」「録音ファイルの余白を削りたい」――MP3 をちょっとだけ編集したいだけなのに、専用ソフトをインストールするのは手間がかかる。そう感じてオンラインツールを検索した経験がある人は多いだろう。",[11,6200,6201,6202,6205],{},"ところが、オンラインの音声編集ツールには見落とされがちなリスクがある。",[309,6203,6204],{},"ファイルをサーバーにアップロードする仕組みになっているツールが大半","で、会議の録音・社内ナレーション・未公開の音楽素材といった機密性の高いデータを扱う場合は注意が必要だ。利用規約によっては、アップロードされたファイルがサービス改善に使われる可能性もゼロではない。",[11,6207,6208],{},"この記事では、まず一般的なトリミング方法を整理し、その後にプライバシーリスクを抑えられる選択肢を紹介する。",[15,6210],{},[18,6212,6214],{"id":6213},"オンラインmp3カットの主な方法と比較","オンラインMP3カットの主な方法と比較",[11,6216,6217],{},"現在よく使われるオンライン音声トリミングツールを整理すると、大きく「サーバー処理型」と「ブラウザ処理型」の2種類に分かれる。",[31,6219,6220,6235],{},[34,6221,6222],{},[37,6223,6224,6226,6228,6230,6232],{},[40,6225,767],{},[40,6227,1031],{},[40,6229,3618],{},[40,6231,3860],{},[40,6233,6234],{},"アカウント不要",[53,6236,6237,6253,6266,6279],{},[37,6238,6239,6242,6244,6247,6250],{},[58,6240,6241],{},"Clideo",[58,6243,1050],{},[58,6245,6246],{},"一部無料（透かし付き）",[58,6248,6249],{},"500 MB",[58,6251,6252],{},"△（ログイン推奨）",[37,6254,6255,6258,6260,6262,6264],{},[58,6256,6257],{},"mp3cut.net",[58,6259,1050],{},[58,6261,2628],{},[58,6263,6249],{},[58,6265,1977],{},[37,6267,6268,6271,6273,6275,6277],{},[58,6269,6270],{},"Audacity（Desktop）",[58,6272,1081],{},[58,6274,2628],{},[58,6276,1084],{},[58,6278,1977],{},[37,6280,6281,6285,6287,6289,6291],{},[58,6282,6283,2672],{},[288,6284,846],{"href":845},[58,6286,1101],{},[58,6288,1489],{},[58,6290,3946],{},[58,6292,1977],{},[11,6294,6295],{},"サーバー処理型はインターフェースが洗練されていることが多く、手軽に使える反面、ファイルが外部に送信される点は変わらない。デスクトップ版 Audacity はローカル処理で信頼性が高いが、インストールと学習コストがかかる。",[26,6297,6298],{"id":6298},"サーバー処理型ツールを使う際のチェックポイント",[303,6300,6301,6304,6307],{},[306,6302,6303],{},"プライバシーポリシーに「ファイルの保存期間」が明記されているか",[306,6305,6306],{},"HTTPS 通信が確保されているか",[306,6308,6309],{},"無料プランに透かし（ウォーターマーク）が入らないか",[11,6311,6312,6313,6316],{},"一般的な音楽素材やポッドキャストの編集であれば、サーバー処理型でも大きな問題はない。ただし、",[309,6314,6315],{},"業務上の音声データや個人情報を含むファイルは慎重に扱う必要がある","。",[15,6318],{},[18,6320,6321],{"id":6321},"ブラウザ内だけで完結するトリミングの仕組み",[11,6323,3825,6324,6327,6328,6331],{},[288,6325,2246],{"href":2135,"rel":6326},[292]," の普及により、従来はサーバーサイドでしか動かせなかった重い処理をブラウザ内で実行できるようになった。ffmpeg を WebAssembly にコンパイルした ",[309,6329,6330],{},"ffmpeg.wasm"," を使えば、MP3 のカット・変換・エンコードをすべてクライアント側で処理できる。",[11,6333,6334],{},"この仕組みを採用したツールでは、ファイルがネットワーク経由でどこかのサーバーに送られることはない。ブラウザの開発者ツール（DevTools）の「Network」タブを開きながら処理を実行しても、音声ファイルのアップロードリクエストが発生しないことで確認できる。",[11,6336,6337,6338,6342],{},"WebAssembly の仕様については ",[288,6339,6341],{"href":818,"rel":6340},[292],"W3C の公式ドキュメント"," でも詳しく解説されている。",[15,6344],{},[18,6346,6348],{"id":6347},"zerosend-の音声トリミングツールを使った手順","zerosend の音声トリミングツールを使った手順",[11,6350,6351,6352,6354],{},"zerosend が提供する",[288,6353,846],{"href":845},"は、ffmpeg.wasm を使ったブラウザ内処理型のツールだ。登録不要・完全無料で利用できる。",[26,6356,6357],{"id":6357},"基本的な操作手順",[340,6359,6360,6368,6374,6380],{},[306,6361,6362,6364,6367],{},[309,6363,1136],{},[283,6365,6366],{},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Faudio-trim"," にアクセスする。初回はWASMのロードに数秒かかる場合がある。",[306,6369,6370,6373],{},[309,6371,6372],{},"ファイルを選択する","\n「ファイルを選択」ボタンをクリックするか、MP3ファイルをドラッグ＆ドロップする。対応フォーマットはMP3のほかWAV・M4Aなど主要な音声形式。",[306,6375,6376,6379],{},[309,6377,6378],{},"トリミング範囲を指定する","\n波形ビューア上でスタート位置とエンド位置をドラッグして設定する。秒数を直接入力することも可能。",[306,6381,6382,6385],{},[309,6383,6384],{},"処理を実行・ダウンロードする","\n「トリミング」ボタンをクリックすると、ブラウザ内で処理が始まる。完了後にダウンロードボタンが表示され、ファイルをローカルに保存できる。",[26,6387,6388],{"id":6388},"向いているユースケース",[303,6390,6391,6397,6403],{},[306,6392,6393,6396],{},[309,6394,6395],{},"会議・インタビュー録音の必要部分だけ切り出し",": ファイルを外部に出せない業務シーンに適している。",[306,6398,6399,6402],{},[309,6400,6401],{},"ポッドキャスト・動画用BGMの尺合わせ",": 曲の前後の無音部分を削るだけなら数十秒で完結する。",[306,6404,6405,6408],{},[309,6406,6407],{},"SE・効果音の素材トリミング",": ゲーム開発や動画編集で使う短いクリップを切り出す用途にも対応。",[11,6410,6411],{},"処理後のファイルはブラウザのメモリ上にのみ存在し、ダウンロード後にページを閉じれば痕跡は残らない。",[15,6413],{},[18,6415,5079],{"id":5078},[11,6417,6418,6421],{},[309,6419,6420],{},"Q1. 無料で使える容量・回数に制限はあるか？","\nzerosend の音声トリミングツールに回数制限はない。ただし、処理できるファイルサイズはブラウザに割り当てられたメモリに依存するため、数百MB を超える長時間録音ファイルは分割してから処理するとよい。",[11,6423,6424,6427],{},[309,6425,6426],{},"Q2. MP3以外の形式（WAV、AAC、M4A）にも対応しているか？","\nffmpeg.wasm ベースのため、WAV・M4A・OGG など主要な音声フォーマットに対応している。出力フォーマットもMP3で書き出せる。",[11,6429,6430,6433],{},[309,6431,6432],{},"Q3. オフラインでも使えるか？","\nzerosend は Service Worker によるキャッシュを実装しており、初回ロード後はオフライン環境でも動作する。社内ネットワークが不安定な環境でも利用しやすい。",[11,6435,6436,6439],{},[309,6437,6438],{},"Q4. スマートフォンのブラウザでも動くか？","\nChrome・Safari の最新版であれば iOS・Android でも動作する。ただし、モバイル端末はメモリ制約が厳しいため、大きなファイルを扱う場合はPCでの利用を推奨する。",[11,6441,6442,6445],{},[309,6443,6444],{},"Q5. トリミング後のファイルが本当にサーバーに送られていないか確認する方法は？","\nChrome DevTools を開き（F12）、「Network」タブを選択した状態でトリミングを実行する。音声ファイルに対するPOSTリクエストが発生しなければ、ブラウザ内処理のみで完了していることを確認できる。",[15,6447],{},[18,6449,444],{"id":444},[11,6451,6452],{},"MP3 のカット・トリミングをオンラインで行う方法は複数存在するが、ファイルの機密性や用途によって適切なツールは異なる。",[303,6454,6455,6465,6475],{},[306,6456,6457,6460,6461,6464],{},[309,6458,6459],{},"手軽さ優先"," かつ ",[309,6462,6463],{},"一般的なコンテンツ"," → mp3cut.net などサーバー処理型",[306,6466,6467,6470,6471,6474],{},[309,6468,6469],{},"プライバシー重視"," または ",[309,6472,6473],{},"業務データを扱う"," → ブラウザ内処理型を選ぶ",[306,6476,6477,6479],{},[309,6478,2801],{}," → Audacity などデスクトップソフト",[11,6481,6482],{},"ブラウザ内処理型は WebAssembly の普及で実用レベルに達しており、登録不要・無料で使える選択肢が増えている。用途に合ったツールを選ぶ際の判断基準として、「ファイルの送信先はどこか」という視点を持っておくと、意図しないデータ漏洩リスクを減らせる。",{"title":480,"searchDepth":481,"depth":481,"links":6484},[6485,6486,6489,6490,6494,6495],{"id":6194,"depth":481,"text":6195},{"id":6213,"depth":481,"text":6214,"children":6487},[6488],{"id":6298,"depth":486,"text":6298},{"id":6321,"depth":481,"text":6321},{"id":6347,"depth":481,"text":6348,"children":6491},[6492,6493],{"id":6357,"depth":486,"text":6357},{"id":6388,"depth":486,"text":6388},{"id":5078,"depth":481,"text":5079},{"id":444,"depth":481,"text":444},"MP3のカット・トリミングをオンラインで無料で行う方法を解説。サーバーに送信しないブラウザ内処理ツールの使い方や注意点も紹介。",{},"\u002Fblog\u002Fmp3-cut-trim-online","2026-06-02",{"title":6189,"description":6496},"mp3-cut-trim-online","blog\u002Fmp3-cut-trim-online",[928,930,766,1885],"9sxFufpZZlOg0lgzDhL0ZXr3G2tJ247pEciGKOpZlvM",{"id":6506,"title":6507,"author":6,"body":6508,"category":496,"coverImage":497,"description":6790,"draft":499,"extension":500,"locale":501,"meta":6791,"navigation":503,"noindex":499,"path":6792,"publishedAt":6793,"seo":6794,"slug":6795,"stem":6796,"tags":6797,"updatedAt":6793,"__hash__":6798},"blog\u002Fblog\u002Faudio-format-mp3-aac-comparison.md","音声フォーマット徹底比較：MP3・AAC・WAVの違いと変換方法",{"type":8,"value":6509,"toc":6777},[6510,6514,6517,6520,6523,6532,6535,6537,6540,6651,6660,6662,6665,6669,6672,6678,6681,6684,6687,6690,6692,6695,6698,6708,6716,6718,6733,6736,6738,6740,6766,6774],[18,6511,6513],{"id":6512},"mp3aacwavどれを選ぶべきか","MP3・AAC・WAV——どれを選ぶべきか",[11,6515,6516],{},"音声ファイルを扱う場面で必ず直面するのが「フォーマット選び」だ。動画の書き出し設定、ポッドキャストのアップロード、BGMの埋め込み——それぞれの場面で求められる形式が異なり、間違ったフォーマットを選ぶとファイルサイズが無駄に大きくなったり、プラットフォームに弾かれたりする。",[11,6518,6519],{},"まず三大フォーマットの基本をおさえる。",[11,6521,6522],{},"**MP3（MPEG-1 Audio Layer III）**は1990年代後半から普及した非可逆圧縮形式。対応機器・サービスが最も広く、128〜320 kbpsの範囲でビットレートを指定できる。音質はビットレートに依存するが、320 kbps なら一般的なリスナーには判別困難なレベルに達する。ただし非可逆圧縮のため、変換を繰り返すたびに音質が劣化する点は押さえておきたい。",[11,6524,6525,6526,6470,6529,6316],{},"**AAC（Advanced Audio Coding）**はMP3の後継として設計された非可逆圧縮形式。同じビットレートでもMP3より音質が高く、iTunes・Apple Music・YouTube などの主要プラットフォームが標準採用している。特に低ビットレート（96 kbps 以下）での劣化がMP3より少ないため、ストリーミング配信に向く。拡張子は ",[283,6527,6528],{},".m4a",[283,6530,6531],{},".aac",[11,6533,6534],{},"**WAV（Waveform Audio File Format）**はWindowsが標準とする非圧縮形式。CD品質（44.1 kHz \u002F 16 bit）で1分あたり約10 MBと、ファイルサイズは大きいが音質は劣化しない。音楽制作・音声編集の中間ファイルとして使われることが多く、最終納品物には用途に応じた圧縮形式に変換してから使うのが一般的だ。",[15,6536],{},[18,6538,6539],{"id":6539},"フォーマット比較表",[31,6541,6542,6557],{},[34,6543,6544],{},[37,6545,6546,6548,6551,6554],{},[40,6547,2304],{},[40,6549,6550],{},"MP3",[40,6552,6553],{},"AAC",[40,6555,6556],{},"WAV",[53,6558,6559,6572,6586,6600,6613,6627,6638],{},[37,6560,6561,6564,6567,6569],{},[58,6562,6563],{},"圧縮方式",[58,6565,6566],{},"非可逆",[58,6568,6566],{},[58,6570,6571],{},"非圧縮",[37,6573,6574,6577,6580,6583],{},[58,6575,6576],{},"代表的なビットレート",[58,6578,6579],{},"128〜320 kbps",[58,6581,6582],{},"96〜256 kbps",[58,6584,6585],{},"1,411 kbps（CD品質）",[37,6587,6588,6591,6594,6597],{},[58,6589,6590],{},"1分あたりの目安サイズ",[58,6592,6593],{},"約1〜2.4 MB",[58,6595,6596],{},"約0.7〜2 MB",[58,6598,6599],{},"約10 MB",[37,6601,6602,6604,6607,6610],{},[58,6603,4100],{},[58,6605,6606],{},"幅広い配布・Web",[58,6608,6609],{},"配信・Apple製品",[58,6611,6612],{},"編集・収録・マスター",[37,6614,6615,6618,6621,6624],{},[58,6616,6617],{},"主要プラットフォーム対応",[58,6619,6620],{},"全般",[58,6622,6623],{},"YouTube, iTunes, Spotify",[58,6625,6626],{},"DAW, 音声編集ソフト",[37,6628,6629,6632,6634,6636],{},[58,6630,6631],{},"繰り返し変換時の劣化",[58,6633,1984],{},[58,6635,1984],{},[58,6637,1087],{},[37,6639,6640,6642,6645,6648],{},[58,6641,5918],{},[58,6643,6644],{},"特許フリー（2017年以降）",[58,6646,6647],{},"一部特許あり",[58,6649,6650],{},"フリー",[11,6652,6653,6654,6659],{},"同じ楽曲をMP3とAACで128 kbpsに圧縮した場合、多くのリスナーはAACのほうが豊かに聞こえると報告している。これは",[288,6655,6658],{"href":6656,"rel":6657},"https:\u002F\u002Fwww.iso.org\u002Fstandard\u002F43345.html",[292],"MPEG規格の設計上の優位性","によるもので、特に高音域と低音域の再現性に差が出る。",[15,6661],{},[18,6663,6664],{"id":6664},"変換時に起きやすい失敗と対処法",[26,6666,6668],{"id":6667},"非可逆非可逆の孫コピー劣化","非可逆→非可逆の「孫コピー劣化」",[11,6670,6671],{},"MP3をAACに変換する、あるいはAACをMP3に変換するといった非可逆→非可逆の変換は、音質が二重に劣化する。元ファイルがWAVやFLACなどの可逆形式であれば劣化はないが、圧縮済みのファイルをさらに圧縮すると「孫コピー」状態になる。",[11,6673,6674,6677],{},[309,6675,6676],{},"対処法",": 可能な限り最高品質のソースファイル（WAV \u002F FLAC）を確保してから変換する。MP3→AACの変換はあくまでプラットフォーム要件に合わせる目的に限定し、品質向上を期待しない。",[26,6679,6680],{"id":6680},"サンプリングレートの不一致",[11,6682,6683],{},"動画編集ソフトや放送用システムでは48 kHz のサンプリングレートが標準だが、音楽CDは44.1 kHz。異なるレートが混在するとタイミングのズレや再生エラーが起きることがある。変換時にサンプリングレートを明示的に指定するのが確実だ。",[26,6685,6686],{"id":6686},"メタデータの消失",[11,6688,6689],{},"変換後にアーティスト名・アルバム名・カバーアート等のID3タグが消えることがある。変換ツールを選ぶ際は、メタデータの保持に対応しているか確認する。",[15,6691],{},[18,6693,6694],{"id":6694},"ブラウザだけで音声フォーマットを変換する方法",[11,6696,6697],{},"ソフトのインストールが不要で、かつファイルをクラウドにアップロードしたくない場合に選択肢となるのがブラウザ内処理のツールだ。",[11,6699,6700,6701,1829,6704,6707],{},"代表的なクラウド型のサービスとしては ",[309,6702,6703],{},"Zamzar",[309,6705,6706],{},"CloudConvert"," があり、対応形式が幅広い一方、ファイルが一度サーバーに送信される。個人情報や機密性の高い音声（会議録音・インタビュー音声など）を扱う場合、この点が懸念になる。",[11,6709,6710,6711,6715],{},"ブラウザ内で完結する方法として ",[288,6712,6714],{"href":6713},"\u002Ftools\u002Faudio-convert","音声形式変換ツール"," がある。ffmpeg.wasm をベースにしており、MP3・AAC・WAV・OGG・FLAC などの主要形式に対応。変換処理はすべてローカルで行われるため、ファイルが外部サーバーに送られることはない（ブラウザの DevTools → Network タブで確認可能）。",[26,6717,6088],{"id":6088},[340,6719,6720,6724,6727,6730],{},[306,6721,6722,2416],{},[288,6723,6714],{"href":6713},[306,6725,6726],{},"変換元の音声ファイルをドラッグ＆ドロップ、または「ファイルを選択」でアップロード",[306,6728,6729],{},"出力形式（MP3 \u002F AAC \u002F WAV など）を選択し、必要に応じてビットレートを設定",[306,6731,6732],{},"「変換」をクリックし、処理完了後にダウンロードボタンで取得",[11,6734,6735],{},"変換はブラウザのメモリ上で行われるため、ファイルサイズが大きい（150 MB超）場合は処理に時間がかかることがある。その場合はタブをアクティブにしたまま待つと安定する。",[15,6737],{},[18,6739,444],{"id":444},[303,6741,6742,6748,6754,6760],{},[306,6743,6744,6747],{},[309,6745,6746],{},"配布・汎用性重視"," → MP3（320 kbps）",[306,6749,6750,6753],{},[309,6751,6752],{},"ストリーミング・Apple\u002FYouTube系"," → AAC（128〜256 kbps）",[306,6755,6756,6759],{},[309,6757,6758],{},"編集・マスターファイル保存"," → WAV または FLAC",[306,6761,6762,6765],{},[309,6763,6764],{},"変換の鉄則",": ソースは最高品質を保持し、非可逆→非可逆の多段変換は避ける",[11,6767,6768,6769,6773],{},"フォーマットの選択は「どこで再生・配布するか」で決まる。音声仕様の詳細は ",[288,6770,6772],{"href":891,"rel":6771},[292],"Web Audio API — MDN Web Docs"," も参照すると、ブラウザ上での音声処理の仕組みへの理解が深まる。",[11,6775,6776],{},"変換作業自体はインストール不要・無料のツールで完結できる。機密性が求められる音声ファイルを扱う場合は、クラウド送信のないブラウザ内処理の選択肢を検討する価値がある。",{"title":480,"searchDepth":481,"depth":481,"links":6778},[6779,6780,6781,6786,6789],{"id":6512,"depth":481,"text":6513},{"id":6539,"depth":481,"text":6539},{"id":6664,"depth":481,"text":6664,"children":6782},[6783,6784,6785],{"id":6667,"depth":486,"text":6668},{"id":6680,"depth":486,"text":6680},{"id":6686,"depth":486,"text":6686},{"id":6694,"depth":481,"text":6694,"children":6787},[6788],{"id":6088,"depth":486,"text":6088},{"id":444,"depth":481,"text":444},"MP3・AAC・WAVの音質・ファイルサイズ・用途の違いを解説。ブラウザだけで完結する無料の音声形式変換ツールを使った実践手順も紹介。",{},"\u002Fblog\u002Faudio-format-mp3-aac-comparison","2026-06-01",{"title":6507,"description":6790},"audio-format-mp3-aac-comparison","blog\u002Faudio-format-mp3-aac-comparison",[928,1290,3132,766],"SWIQERWe8lnIKGcw72bYbaruUaReGdCnIA3A99YrpZE",{"id":6800,"title":6801,"author":6,"body":6802,"category":496,"coverImage":497,"description":7084,"draft":499,"extension":500,"locale":501,"meta":7085,"navigation":503,"noindex":499,"path":7086,"publishedAt":7087,"seo":7088,"slug":7089,"stem":7090,"tags":7091,"updatedAt":7087,"__hash__":7092},"blog\u002Fblog\u002Fvideo-compress-zoom-recording.md","Zoom録画の動画を圧縮して共有する方法｜容量問題を解決する手順",{"type":8,"value":6803,"toc":7071},[6804,6808,6819,6822,6825,6827,6830,6833,6836,6843,6846,6849,6856,6858,6861,6940,6947,6950,6952,6955,6958,6970,6972,7000,7009,7016,7018,7020,7026,7032,7038,7044,7046,7048,7051,7068],[18,6805,6807],{"id":6806},"zoom録画の容量問題なぜ起きるのか","Zoom録画の容量問題、なぜ起きるのか",[11,6809,6810,6811,6814,6815,6818],{},"Zoomのローカル録画ファイルは、デフォルト設定で ",[283,6812,6813],{},".mp4"," 形式で保存される。1時間の会議を録画すると、解像度や参加人数によって ",[309,6816,6817],{},"500MB〜1.5GB"," 程度になることが珍しくない。クラウド録画であっても、Zoomの無料プランではストレージ上限が設定されており、すぐに容量を圧迫する。",[11,6820,6821],{},"こうして生まれた重いファイルをメール添付で送ろうとすると、添付上限（Gmailは25MB、Outlookも20MB）に弾かれる。GoogleドライブやOneDriveに上げれば共有自体はできるが、受け取った相手がプレビューできないほど重かったり、ダウンロードに時間がかかったりする問題が残る。",[11,6823,6824],{},"結局「共有のために圧縮したいが、どのツールを使えばいいか分からない」という状態に陥りやすい。",[15,6826],{},[18,6828,6829],{"id":6829},"動画圧縮で何が変わるのか",[11,6831,6832],{},"動画の圧縮とは、映像データの冗長な部分を取り除いてファイルサイズを小さくする処理だ。主な手法は以下の2つに大別される。",[26,6834,6835],{"id":6835},"コーデックの変更",[11,6837,6838,6839,6842],{},"H.264（AVC）で記録されたZoom録画を ",[309,6840,6841],{},"H.265（HEVC）"," に変換するだけで、同等の画質を維持しながらファイルサイズを30〜50%削減できる。ただしH.265は古いデバイスで再生できない場合があるため、相手の環境を確認する必要がある。",[26,6844,6845],{"id":6845},"ビットレートの調整",[11,6847,6848],{},"ビットレートは「1秒間に扱うデータ量」を指す。会議録画であれば、高画質ゲーム配信ほどのビットレートは不要だ。元ファイルのビットレートが8Mbpsなら、3〜4Mbpsに落としても会話の聞き取りや画面共有の文字可読性はほぼ維持される。",[11,6850,6851,6852,6855],{},"実際のところ、Zoomの会議録画は動きの少ない静止画像が続く場面が多いため、",[309,6853,6854],{},"圧縮効率が高い","。適切な設定であれば、元サイズの30〜40%まで縮小しても視聴に支障が出ないケースが多い。",[15,6857],{},[18,6859,6860],{"id":6860},"一般的な圧縮方法と選択肢の比較",[31,6862,6863,6879],{},[34,6864,6865],{},[37,6866,6867,6870,6872,6875,6877],{},[40,6868,6869],{},"ツール・方法",[40,6871,2598],{},[40,6873,6874],{},"無料か",[40,6876,51],{},[40,6878,1768],{},[53,6880,6881,6895,6911,6923],{},[37,6882,6883,6886,6888,6890,6892],{},[58,6884,6885],{},"HandBrake（ソフトウェア）",[58,6887,2616],{},[58,6889,2628],{},[58,6891,1084],{},[58,6893,6894],{},"要インストール",[37,6896,6897,6900,6904,6906,6909],{},[58,6898,6899],{},"Smallpdf \u002F Clideo 等",[58,6901,6902],{},[309,6903,1056],{},[58,6905,1548],{},[58,6907,6908],{},"通常500MB〜2GB",[58,6910,1495],{},[37,6912,6913,6915,6917,6919,6921],{},[58,6914,1078],{},[58,6916,2616],{},[58,6918,2628],{},[58,6920,1084],{},[58,6922,6894],{},[37,6924,6925,6930,6934,6936,6938],{},[58,6926,6927],{},[309,6928,6929],{},"zerosend 動画圧縮ツール",[58,6931,6932],{},[309,6933,4283],{},[58,6935,2628],{},[58,6937,6067],{},[58,6939,1495],{},[11,6941,6942,6943,6946],{},"オンライン圧縮ツールの多くは、ファイルをサーバーにアップロードしてから処理する仕組みだ。Zoomの会議録画には会議の内容・参加者の顔・機密情報が含まれる場合があるため、",[309,6944,6945],{},"業務用途ではサーバー送信の有無を確認することが重要","になる。",[11,6948,6949],{},"HandBrakeやffmpegはローカル処理で安全だが、インストール作業やコマンド操作が必要で、ITリテラシーに自信がないユーザーにはハードルが高い。",[15,6951],{},[18,6953,6954],{"id":6954},"ブラウザだけで完結する圧縮手順",[11,6956,6957],{},"ここでは、インストール不要・サーバー送信なしで圧縮できる方法を紹介する。",[11,6959,6960,6964,6965,6969],{},[288,6961,6963],{"href":6962},"\u002Ftools\u002Fvideo-compress","動画圧縮ツール"," は、ffmpeg.wasm という技術をブラウザ上で動作させることで、ファイルを外部サーバーに送らずに圧縮処理を行う。WebAssembly（Wasm）についての詳細は ",[288,6966,6968],{"href":2135,"rel":6967},[292],"MDN Web Docs の WebAssembly 解説"," を参照されたい。",[26,6971,1129],{"id":1129},[340,6973,6974,6980,6988,6994],{},[306,6975,6976,6979],{},[309,6977,6978],{},"ブラウザでツールを開く","\nChrome・Edge・Firefox など主要ブラウザで動作する。ページを開いた時点では何もサーバーには送られない。",[306,6981,6982,6984,6985,6987],{},[309,6983,6372],{},"\n「ファイルを選択」ボタンから Zoom の ",[283,6986,6813],{}," ファイルを指定する。ドラッグ&ドロップにも対応している。",[306,6989,6990,6993],{},[309,6991,6992],{},"圧縮品質を設定する","\nスライダーで品質レベルを調整できる。会議録画であれば「中」程度（CRF値で28前後に相当）でも実用的な品質を維持できる。",[306,6995,6996,6999],{},[309,6997,6998],{},"圧縮を実行してダウンロードする","\n処理はすべてブラウザ内で行われる。完了後にダウンロードボタンが表示されるので、ローカルに保存する。",[11,7001,7002,7003,7008],{},"処理中にネットワークを切断しても動作する点は、Service Worker によるキャッシュで実現されている（仕様の詳細は ",[288,7004,7007],{"href":7005,"rel":7006},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fservice-workers\u002F",[292],"W3C Service Workers 仕様"," を参照）。",[11,7010,7011,7012,7015],{},"なお、圧縮後のファイルをGoogleドライブやOneDriveに保存してリンク共有する運用にすると、メール添付の容量制限を気にする必要がなくなる。動画形式の変換が必要になった場合は、",[288,7013,7014],{"href":6059},"動画変換ツール"," も同様にブラウザ内処理で対応できる。",[15,7017],{},[18,7019,410],{"id":410},[11,7021,7022,7025],{},[309,7023,7024],{},"Q. 圧縮後に音声がずれたり途切れたりすることはあるか？","\nA. 適切なコーデック設定で圧縮すれば音声ずれは通常発生しない。ただし、元ファイルのフレームレートが不均一な場合（録画中にPCが高負荷だった場合など）は、圧縮前から問題を抱えていることがある。",[11,7027,7028,7031],{},[309,7029,7030],{},"Q. Zoom クラウド録画のリンクをそのまま共有すればいいのではないか？","\nA. Zoomクラウドのリンク共有が可能な環境であればその方が手間は少ない。ただし、無料プランではクラウドストレージが5GBに制限されており、過去録画がすぐに削除される。また、Zoomのクラウドへのアクセス権限管理が煩雑になるケースもあるため、ダウンロードして別の場所で管理する運用も一定の需要がある。",[11,7033,7034,7037],{},[309,7035,7036],{},"Q. 4K録画や長時間録画（2時間以上）でも使えるか？","\nA. ブラウザ内処理のため、利用可能なメモリはPCのスペックとブラウザの制限に依存する。4K・2時間超のファイルは数GBに達することがあり、ローカルアプリ（HandBrakeやffmpeg）の方が安定して処理できる場合がある。",[11,7039,7040,7043],{},[309,7041,7042],{},"Q. 圧縮したファイルは再度圧縮できるか？","\nA. 技術的には可能だが、動画は非可逆圧縮のため繰り返すたびに画質が劣化する。初回の圧縮で適切な設定を選ぶ方が結果的に品質を保てる。",[15,7045],{},[18,7047,444],{"id":444},[11,7049,7050],{},"Zoom録画の容量問題は、適切な圧縮設定を選べば大半のケースで解決できる。重要なポイントを整理すると以下のとおりだ。",[303,7052,7053,7056,7059,7065],{},[306,7054,7055],{},"会議録画は動きが少なく圧縮効率が高いため、元サイズの30〜40%まで縮小しても視聴品質への影響が小さい",[306,7057,7058],{},"オンラインツールを使う場合は、ファイルがサーバーに送信されているかどうかを確認する。業務上の機密情報が含まれる録画には特に注意が必要",[306,7060,7061,7062,7064],{},"インストール不要・サーバー送信なしで処理したい場合は、",[288,7063,6963],{"href":6962}," のようなWasm処理のブラウザツールが選択肢になる",[306,7066,7067],{},"大容量・高解像度ファイルを扱う場合はHandBrakeやffmpegなどローカルアプリの方が安定する",[11,7069,7070],{},"目的と環境に合わせてツールを選択することが、結果的に手間を減らす近道になる。",{"title":480,"searchDepth":481,"depth":481,"links":7072},[7073,7074,7078,7079,7082,7083],{"id":6806,"depth":481,"text":6807},{"id":6829,"depth":481,"text":6829,"children":7075},[7076,7077],{"id":6835,"depth":486,"text":6835},{"id":6845,"depth":486,"text":6845},{"id":6860,"depth":481,"text":6860},{"id":6954,"depth":481,"text":6954,"children":7080},[7081],{"id":1129,"depth":486,"text":1129},{"id":410,"depth":481,"text":410},{"id":444,"depth":481,"text":444},"Zoom録画の動画ファイルが大きくて共有できない悩みを解決。ブラウザだけで完結する無料の圧縮方法と、安全にファイルを扱うためのポイントを解説します。",{},"\u002Fblog\u002Fvideo-compress-zoom-recording","2026-05-31",{"title":6801,"description":7084},"video-compress-zoom-recording","blog\u002Fvideo-compress-zoom-recording",[1289,1589,765,766],"WaymetZhChGwsIdCyUcNSaqUbJNf0mUVdEbJLl1-YQk",{"id":7094,"title":7095,"author":6,"body":7096,"category":496,"coverImage":497,"description":7369,"draft":499,"extension":500,"locale":501,"meta":7370,"navigation":503,"noindex":499,"path":7371,"publishedAt":7372,"seo":7373,"slug":7374,"stem":7375,"tags":7376,"updatedAt":7372,"__hash__":7377},"blog\u002Fblog\u002Fimage-to-pdf-word-presentation.md","複数画像をまとめてPDF化する方法｜資料作成を効率化する手順と注意点",{"type":8,"value":7097,"toc":7354},[7098,7102,7105,7108,7119,7122,7125,7127,7130,7133,7236,7239,7242,7244,7248,7251,7258,7260,7274,7277,7280,7291,7295,7298,7300,7303,7306,7316,7320,7326,7330,7333,7335,7337,7340,7351],[18,7099,7101],{"id":7100},"画像をまとめてpdfにしたい場面とよくある課題","画像をまとめてPDFにしたい場面とよくある課題",[11,7103,7104],{},"プレゼン資料の差し替え、納品物のまとめ、申請書類のスキャン結果の整理——こうした業務で「複数の画像ファイルを1つのPDFにまとめて送りたい」という状況は日常的に発生する。",[11,7106,7107],{},"問題は、この作業が思ったより手間のかかるケースが多いことだ。",[303,7109,7110,7113,7116],{},[306,7111,7112],{},"スマートフォンで撮影したJPEGが10枚以上あり、順番を維持したままPDF化したい",[306,7114,7115],{},"スキャナで取り込んだPNGを、上司や取引先に1ファイルで渡したい",[306,7117,7118],{},"Wordに貼り付けてPDF出力する方法は知っているが、レイアウトが崩れやすい",[11,7120,7121],{},"Wordに画像を貼り付けてPDF保存する方法はよく知られているが、余白・縮尺・ページ送りの調整に時間がかかり、画像が多いほど作業コストが積み上がる。PowerPointも同様で、スライドサイズと画像サイズの不一致が見た目の問題を引き起こしやすい。",[11,7123,7124],{},"また、オンラインの変換ツールを使う場合、「ファイルがサーバーに送信されていないか」を気にするユーザーも増えている。特に社内資料や個人情報を含む書類を扱うケースでは、アップロード先のプライバシーポリシーを確認するひと手間が発生する。",[15,7126],{},[18,7128,7129],{"id":7129},"主な変換方法の比較",[11,7131,7132],{},"画像をPDFに変換する方法はいくつかある。それぞれの特性を整理すると、用途によって最適な選択肢が変わる。",[31,7134,7135,7154],{},[34,7136,7137],{},[37,7138,7139,7142,7145,7148,7151],{},[40,7140,7141],{},"方法",[40,7143,7144],{},"操作の手軽さ",[40,7146,7147],{},"ファイルのサーバー送信",[40,7149,7150],{},"複数ファイルの一括処理",[40,7152,7153],{},"コスト",[53,7155,7156,7172,7185,7203,7220],{},[37,7157,7158,7161,7164,7166,7169],{},[58,7159,7160],{},"Word → PDF出力",[58,7162,7163],{},"△（貼り付け・調整が必要）",[58,7165,1087],{},[58,7167,7168],{},"△（手動で配置）",[58,7170,7171],{},"無料（Office要)",[37,7173,7174,7176,7178,7180,7182],{},[58,7175,4335],{},[58,7177,1977],{},[58,7179,1087],{},[58,7181,1977],{},[58,7183,7184],{},"無料（Mac限定）",[37,7186,7187,7190,7193,7198,7200],{},[58,7188,7189],{},"Smallpdf \u002F iLovePDF",[58,7191,7192],{},"◎（操作が簡単）",[58,7194,7195,7197],{},[309,7196,1984],{},"（クラウド処理）",[58,7199,1977],{},[58,7201,7202],{},"無料プランあり／有料機能あり",[37,7204,7205,7208,7210,7215,7217],{},[58,7206,7207],{},"Adobe Acrobat（Web）",[58,7209,5872],{},[58,7211,7212,7214],{},[309,7213,1984],{},"（Adobeサーバー）",[58,7216,1977],{},[58,7218,7219],{},"無料プランあり／有料",[37,7221,7222,7225,7227,7232,7234],{},[58,7223,7224],{},"ブラウザ内処理ツール（zerosend等）",[58,7226,5872],{},[58,7228,7229,7231],{},[309,7230,1087],{},"（ローカル完結）",[58,7233,1977],{},[58,7235,2628],{},[11,7237,7238],{},"Smallpdf や iLovePDF は操作性が高く広く使われているが、ファイルはいったんサーバーにアップロードされて処理される。無料プランでは一定時間後に削除されると明記されているが、機密度の高いファイルを扱う場合はポリシーの確認が必要だ。",[11,7240,7241],{},"macOS の「プレビュー」アプリは複数画像をドラッグして結合・PDF出力できる優秀な選択肢だが、Windowsユーザーは利用できない。",[15,7243],{},[18,7245,7247],{"id":7246},"ブラウザだけで完結する方法zerosend-の画像-pdf-変換","ブラウザだけで完結する方法：zerosend の画像 → PDF 変換",[11,7249,7250],{},"プライバシーの懸念を回避しつつ、Officeアプリの煩雑な操作も避けたい場合、ブラウザ内で処理が完結するツールが選択肢になる。",[11,7252,7253,7257],{},[288,7254,7256],{"href":7255},"\u002Ftools\u002Fimage-to-pdf","画像 → PDF 変換ツール"," は、JPEG・PNG・WebP などの画像ファイルをブラウザだけでPDFに変換する無料ツールだ。ファイルはサーバーに送信されず、すべての処理がローカルで行われる。DevTools の Network タブを開いたまま変換しても、ファイルのアップロード通信が発生しないことを自分で確認できる。",[26,7259,2699],{"id":2699},[340,7261,7262,7265,7268,7271],{},[306,7263,7264],{},"ツールのページを開く（初回のみスクリプト読み込みが発生する）",[306,7266,7267],{},"変換したい画像ファイルをドラッグ＆ドロップ、またはファイル選択ダイアログで追加する",[306,7269,7270],{},"サムネイル一覧でページ順を確認・並べ替える",[306,7272,7273],{},"「PDFに変換」ボタンを押すとブラウザ内で処理が走り、完成したPDFがダウンロードされる",[11,7275,7276],{},"操作自体はシンプルだが、いくつかの点を事前に把握しておくと作業がスムーズになる。",[26,7278,7279],{"id":7279},"ページ順の確認を怠らない",[11,7281,7282,7283,7286,7287,7290],{},"複数ファイルを一括追加したとき、ファイル名の順番（例: ",[283,7284,7285],{},"001.jpg",", ",[283,7288,7289],{},"002.jpg","）でページが並ぶとは限らない。必ずサムネイルで順序を確認し、ドラッグで並べ替えてから変換を実行する。",[26,7292,7294],{"id":7293},"画像サイズとpdfのページサイズ","画像サイズとPDFのページサイズ",[11,7296,7297],{},"変換後のPDFは、画像の縦横比をそのままページに反映するか、A4などの固定サイズに収めるかで出力が変わるツールが多い。印刷を想定した資料ならA4フォーマットに揃えておくと、受け取った相手が印刷しやすい。",[15,7299],{},[18,7301,7302],{"id":7302},"資料作成を効率化するための実践ポイント",[26,7304,7305],{"id":7305},"ファイル名を連番で整理してから作業する",[11,7307,7308,7309,5138,7312,7315],{},"複数の画像をまとめる前に、",[283,7310,7311],{},"001_表紙.jpg",[283,7313,7314],{},"002_本文.jpg"," のように連番のファイル名に統一しておくと、ツール側の読み込み順が一致しやすく、並べ替えの手間が減る。",[26,7317,7319],{"id":7318},"webpやheicの事前変換","WebPやHEICの事前変換",[11,7321,7322,7323,7325],{},"スマートフォンで撮影したHEICフォーマットや、Web向けのWebPファイルは、ツールによっては対応していない場合がある。",[288,7324,7256],{"href":7255}," はWebPに対応しているが、HEICを使う場合は事前にJPEGへ変換しておくと確実だ。HEICの変換には macOS のプレビューや、同様にブラウザ内処理に対応した変換ツールを利用できる。",[26,7327,7329],{"id":7328},"最終確認は必ずpdfビューアで","最終確認は必ずPDFビューアで",[11,7331,7332],{},"変換後のPDFを開いて、全ページの表示・順番・画質を確認してから送付・提出するのが基本だ。特にページ数が多い場合、途中の1枚が欠落していても見落としやすい。",[15,7334],{},[18,7336,444],{"id":444},[11,7338,7339],{},"複数の画像をまとめてPDF化する方法には、Word・macOSプレビュー・オンラインサービス・ブラウザ内処理ツールといった選択肢がある。",[303,7341,7342,7345,7348],{},[306,7343,7344],{},"操作の簡便さと対応OSの広さを重視するなら、ブラウザ内処理ツールが実用的",[306,7346,7347],{},"社内資料や個人情報を含むファイルを扱う場合、サーバー送信が発生しないツールを選ぶことでリスクを低減できる",[306,7349,7350],{},"ページ順・ファイル形式・PDFの仕上がり確認の3点が、作業品質を左右する",[11,7352,7353],{},"どの方法を選ぶにせよ、変換前のファイル整理と変換後の目視確認を習慣にすることで、資料作成のミスを減らせる。",{"title":480,"searchDepth":481,"depth":481,"links":7355},[7356,7357,7358,7363,7368],{"id":7100,"depth":481,"text":7101},{"id":7129,"depth":481,"text":7129},{"id":7246,"depth":481,"text":7247,"children":7359},[7360,7361,7362],{"id":2699,"depth":486,"text":2699},{"id":7279,"depth":486,"text":7279},{"id":7293,"depth":486,"text":7294},{"id":7302,"depth":481,"text":7302,"children":7364},[7365,7366,7367],{"id":7305,"depth":486,"text":7305},{"id":7318,"depth":486,"text":7319},{"id":7328,"depth":486,"text":7329},{"id":444,"depth":481,"text":444},"JPEGやPNGなど複数の画像ファイルをまとめてPDFに変換する方法を解説。ブラウザだけで完結するツールの使い方から、ページ順・画質の注意点まで実践的にまとめた。",{},"\u002Fblog\u002Fimage-to-pdf-word-presentation","2026-05-30",{"title":7095,"description":7369},"image-to-pdf-word-presentation","blog\u002Fimage-to-pdf-word-presentation",[510,1290,765,766],"6PL-n96fw5sphuQZnplW-ARAJrSsBcCOkAhJrqPH3hg",{"id":7379,"title":7380,"author":6,"body":7381,"category":496,"coverImage":497,"description":7666,"draft":499,"extension":500,"locale":501,"meta":7667,"navigation":503,"noindex":499,"path":7668,"publishedAt":7669,"seo":7670,"slug":7671,"stem":7672,"tags":7673,"updatedAt":7669,"__hash__":7675},"blog\u002Fblog\u002Fpdf-split-extract-page.md","PDFのページを無料で抽出・分割する方法【ブラウザだけで完結】",{"type":8,"value":7382,"toc":7646},[7383,7387,7390,7393,7396,7415,7418,7420,7423,7427,7430,7434,7441,7444,7447,7533,7535,7539,7547,7551,7554,7558,7561,7565,7568,7570,7573,7576,7579,7582,7585,7588,7596,7598,7602,7608,7614,7620,7626,7636,7638,7640,7643],[18,7384,7386],{"id":7385},"pdfのページ抽出分割が必要になる場面","PDFのページ抽出・分割が必要になる場面",[11,7388,7389],{},"会議資料として配布された100ページのPDFから、自分に関係する10ページだけを取り出したい。契約書の特定の条項だけを別ファイルにして送りたい。そういった場面は業務でも日常でも頻繁に起こる。",[11,7391,7392],{},"PDF全体を添付すると容量が大きくなる、不要な情報まで共有してしまう、あるいは受け取った側が目的のページを探しにくい、といった問題が生じる。ページの抽出・分割は小さな作業に見えて、実際には情報管理の精度に直結する操作だ。",[11,7394,7395],{},"対応策としては大きく3つある。",[340,7397,7398,7404,7410],{},[306,7399,7400,7403],{},[309,7401,7402],{},"専用ソフトをインストールして使う","（Adobe Acrobat Pro など）",[306,7405,7406,7409],{},[309,7407,7408],{},"オンラインツールを使う","（Smallpdf、iLovePDF など）",[306,7411,7412],{},[309,7413,7414],{},"ブラウザだけで処理するツールを使う",[11,7416,7417],{},"それぞれに特徴と注意点があるため、順に整理する。",[15,7419],{},[18,7421,7422],{"id":7422},"主な方法と特徴の比較",[26,7424,7426],{"id":7425},"adobe-acrobat-pro-を使う方法","Adobe Acrobat Pro を使う方法",[11,7428,7429],{},"Adobe Acrobat Pro は PDF 操作の事実上の標準ソフトで、ページの抽出・分割・回転・並び替えを高精度に行える。ただし月額制のサブスクリプションが必要で、個人ユースには費用対効果が合わないケースも多い。",[26,7431,7433],{"id":7432},"smallpdfilovepdf-などのオンラインツール","Smallpdf・iLovePDF などのオンラインツール",[11,7435,7436,7437,7440],{},"ブラウザから使えて手軽だが、",[309,7438,7439],{},"ファイルをサーバーにアップロードして処理する","設計になっている点は理解しておく必要がある。個人情報や機密情報を含むPDFを扱う場合、利用規約やデータ保持ポリシーを確認しないままアップロードするのはリスクがある。無料プランには1日の利用回数制限やファイルサイズ制限が設けられていることも多い。",[26,7442,7443],{"id":7443},"ブラウザ内処理のツール",[11,7445,7446],{},"近年、WebAssembly（WASM）技術の普及により、ブラウザだけで完結するPDF処理ツールが登場している。ファイルは端末のメモリ上でのみ処理され、サーバーには一切送信されない。機密性の高い文書を扱う際の選択肢として有力だ。",[31,7448,7449,7464],{},[34,7450,7451],{},[37,7452,7453,7456,7459,7461],{},[40,7454,7455],{},"比較項目",[40,7457,7458],{},"Adobe Acrobat Pro",[40,7460,7189],{},[40,7462,7463],{},"ブラウザ内処理ツール",[53,7465,7466,7477,7487,7497,7510,7522],{},[37,7467,7468,7470,7473,7475],{},[58,7469,2595],{},[58,7471,7472],{},"有料（月額）",[58,7474,3234],{},[58,7476,2628],{},[37,7478,7479,7481,7483,7485],{},[58,7480,1768],{},[58,7482,2619],{},[58,7484,1495],{},[58,7486,1495],{},[37,7488,7489,7491,7493,7495],{},[58,7490,2598],{},[58,7492,3671],{},[58,7494,2644],{},[58,7496,1087],{},[37,7498,7499,7502,7504,7507],{},[58,7500,7501],{},"ファイルサイズ制限",[58,7503,1087],{},[58,7505,7506],{},"あり（無料プラン）",[58,7508,7509],{},"なし（端末メモリ依存）",[37,7511,7512,7515,7517,7519],{},[58,7513,7514],{},"オフライン利用",[58,7516,1090],{},[58,7518,1059],{},[58,7520,7521],{},"可（初回ロード後）",[37,7523,7524,7526,7528,7531],{},[58,7525,4568],{},[58,7527,2619],{},[58,7529,7530],{},"一部必要",[58,7532,1495],{},[15,7534],{},[18,7536,7538],{"id":7537},"ブラウザだけでpdfを分割する手順","ブラウザだけでPDFを分割する手順",[11,7540,7541,7542,7546],{},"ここでは登録不要・サーバー送信なしで使える ",[288,7543,7545],{"href":7544},"\u002Ftools\u002Fpdf-split","PDF 分割ツール"," を例に手順を示す。",[26,7548,7550],{"id":7549},"手順1pdfファイルを読み込む","手順1：PDFファイルを読み込む",[11,7552,7553],{},"ツールページを開き、「ファイルを選択」ボタンをクリックするか、PDFファイルをドラッグ＆ドロップする。ファイルはブラウザ内のメモリにのみ読み込まれる。",[26,7555,7557],{"id":7556},"手順2抽出分割したいページを指定する","手順2：抽出・分割したいページを指定する",[11,7559,7560],{},"ページのサムネイルが一覧表示されるので、取り出したいページを選択する。複数ページを選択した場合は、それらをまとめた新しいPDF、または1ページずつのPDFとして出力できる。",[26,7562,7564],{"id":7563},"手順3ファイルをダウンロードする","手順3：ファイルをダウンロードする",[11,7566,7567],{},"「分割」または「抽出」ボタンを押すと、処理はブラウザ内で完了し、結果ファイルのダウンロードが始まる。処理中もファイルはネットワークに出ない。ブラウザの開発者ツール（DevTools）のNetworkタブを確認すると、PDF関連の送信がないことを実際に確認できる。",[15,7569],{},[18,7571,7572],{"id":7572},"落とし穴と注意点",[26,7574,2125],{"id":7575},"パスワード付きpdfへの対応",[11,7577,7578],{},"パスワードで保護されたPDFは、ツールによっては処理前にパスワード解除が必要になる。処理できない場合は、まず元のソフトウェアでパスワードを解除してから再試行する。",[26,7580,7581],{"id":7581},"大容量ファイルと端末スペック",[11,7583,7584],{},"ブラウザ内処理はサーバーではなく端末のCPU・メモリを使う。数百MBを超えるPDFや、ページ数が非常に多いファイルでは処理に時間がかかることがある。目安として、通常の業務文書（数十MB以下）であれば問題なく動作するケースがほとんどだ。",[26,7586,7587],{"id":7587},"フォントの埋め込みと表示崩れ",[11,7589,7590,7591,2829],{},"PDFの仕様上、フォントが埋め込まれていない文書をページ分割すると、一部の環境で文字が正しく表示されないことがある。重要な文書は分割後に表示確認を行うことを推奨する。PDF のフォント埋め込みの仕様については ",[288,7592,7595],{"href":7593,"rel":7594},"https:\u002F\u002Fopensource.adobe.com\u002Fdc-acrobat-sdk-docs\u002Fpdfstandards\u002FPDF32000_2008.pdf",[292],"PDF 1.7 リファレンス（Adobe）",[15,7597],{},[18,7599,7601],{"id":7600},"faq","FAQ",[11,7603,7604,7607],{},[309,7605,7606],{},"Q. スマートフォンからでも使えますか？","\nA. ブラウザが動作するデバイスであれば基本的に利用可能だ。ただし大容量ファイルの処理はモバイル端末のメモリ制約を受けやすい。",[11,7609,7610,7613],{},[309,7611,7612],{},"Q. 処理したファイルはサーバーに残りますか？","\nA. ブラウザ内処理のツールはサーバーにファイルを送信しないため、サーバー上に残ることはない。処理はすべて手元の端末で完結する。",[11,7615,7616,7619],{},[309,7617,7618],{},"Q. 分割後のPDFの画質は劣化しますか？","\nA. ページの抽出・分割はPDFの再エンコードを伴わないため、画像や文字の品質は元のファイルと変わらない。",[11,7621,7622,7625],{},[309,7623,7624],{},"Q. 結合や圧縮も同じツールでできますか？","\nA. 分割とは別の機能になる。zerosend には圧縮や変換など複数のツールが用意されているので、用途に応じて使い分けられる。",[11,7627,7628,7631,7632,7635],{},[309,7629,7630],{},"Q. オフラインでも使えますか？","\nA. 初回ロード後はService Workerがアセットをキャッシュするため、インターネット接続なしでも動作する。なお、WebAssembly の仕組みについては ",[288,7633,6968],{"href":2135,"rel":7634},[292]," が参考になる。",[15,7637],{},[18,7639,444],{"id":444},[11,7641,7642],{},"PDFのページ抽出・分割には、インストール型・オンライン型・ブラウザ内処理型という三つのアプローチがある。手軽さを求めるならオンラインツールが有力だが、機密文書を扱う場合はファイルの送信先を意識する必要がある。",[11,7644,7645],{},"サーバーへの送信なし・登録不要・無料という条件をすべて満たしたい場合、ブラウザ内処理のツールは現実的な選択肢だ。特に、個人情報や社外秘資料を含むPDFを日常的に扱うビジネスパーソンには、処理経路を確認できる点が実質的なメリットになる。",{"title":480,"searchDepth":481,"depth":481,"links":7647},[7648,7649,7654,7659,7664,7665],{"id":7385,"depth":481,"text":7386},{"id":7422,"depth":481,"text":7422,"children":7650},[7651,7652,7653],{"id":7425,"depth":486,"text":7426},{"id":7432,"depth":486,"text":7433},{"id":7443,"depth":486,"text":7443},{"id":7537,"depth":481,"text":7538,"children":7655},[7656,7657,7658],{"id":7549,"depth":486,"text":7550},{"id":7556,"depth":486,"text":7557},{"id":7563,"depth":486,"text":7564},{"id":7572,"depth":481,"text":7572,"children":7660},[7661,7662,7663],{"id":7575,"depth":486,"text":2125},{"id":7581,"depth":486,"text":7581},{"id":7587,"depth":486,"text":7587},{"id":7600,"depth":481,"text":7601},{"id":444,"depth":481,"text":444},"PDFから特定ページだけを抜き出したい場面で使える方法を解説。インストール不要・登録不要・サーバー送信なしのブラウザ完結ツールも紹介。",{},"\u002Fblog\u002Fpdf-split-extract-page","2026-05-29",{"title":7380,"description":7666},"pdf-split-extract-page","blog\u002Fpdf-split-extract-page",[7674,766,765,767],"分割","c8h9M3Jqbwtnpky-xygc-kgNZRJulTye7zssPMJDcc4",{"id":7677,"title":7678,"author":6,"body":7679,"category":496,"coverImage":497,"description":8173,"draft":499,"extension":500,"locale":501,"meta":8174,"navigation":503,"noindex":499,"path":8175,"publishedAt":8176,"seo":8177,"slug":8178,"stem":8179,"tags":8180,"updatedAt":8176,"__hash__":8182},"blog\u002Fblog\u002Ffavicon-svg-png-ico-guide.md","ファビコンのSVG・PNG・ICO違いと正しい設定方法を徹底解説",{"type":8,"value":7680,"toc":8157},[7681,7685,7688,7695,7697,7701,7705,7711,7725,7729,7732,7769,7779,7783,7799,7806,7813,7815,7818,7821,8000,8014,8021,8023,8026,8030,8033,8037,8047,8055,8059,8069,8072,8074,8077,8083,8096,8105,8115,8117,8119,8126,8145,8154],[18,7682,7684],{"id":7683},"ファビコンとは何かなぜ形式選びが重要なのか","ファビコンとは何か、なぜ形式選びが重要なのか",[11,7686,7687],{},"ファビコン（favicon）はブラウザのタブ、ブックマーク一覧、スマートフォンのホーム画面ショートカットなど、あらゆる場面でサイトを識別するための小さなアイコンだ。見た目上は小さな要素だが、形式の選び方を誤るとブラウザによって表示が崩れたり、高解像度ディスプレイでぼやけたりする。",[11,7689,7690,7691,7694],{},"ファビコンに使われる主な形式は ",[309,7692,7693],{},"ICO・PNG・SVG"," の3種類で、それぞれ特性がまったく異なる。どれか一つだけを置けば済む、という状況は現代のWebでは通用しない。",[15,7696],{},[18,7698,7700],{"id":7699},"icopngsvg-それぞれの違い","ICO・PNG・SVG それぞれの違い",[26,7702,7704],{"id":7703},"ico形式後方互換性のための保険","ICO形式：後方互換性のための「保険」",[11,7706,7707,7710],{},[283,7708,7709],{},".ico"," はもともとWindowsのアイコン用形式で、1ファイルに複数の解像度（16×16, 32×32, 48×48など）を格納できる。Internet ExplorerはICOしか認識しなかった歴史的経緯から、長らくファビコンのデファクト標準だった。",[11,7712,7713,7714,7717,7718,7724],{},"現在のChromeやFirefox、Safariも ",[283,7715,7716],{},"favicon.ico"," をルートディレクトリに置けば認識するため、",[309,7719,7720,7721,7723],{},"「",[283,7722,7716],{}," をとりあえず置く」という慣習が今も続いている","。ただしベクター化できないため、拡大時に劣化する。",[26,7726,7728],{"id":7727},"png形式現在の主流","PNG形式：現在の主流",[11,7730,7731],{},"PNGはアルファチャンネル（透明）をサポートし、色再現性も高い。モダンブラウザはすべてPNGのファビコンに対応しており、以下のサイズが実務上の標準とされている。",[31,7733,7734,7743],{},[34,7735,7736],{},[37,7737,7738,7740],{},[40,7739,42],{},[40,7741,7742],{},"サイズ",[53,7744,7745,7753,7761],{},[37,7746,7747,7750],{},[58,7748,7749],{},"ブラウザタブ（汎用）",[58,7751,7752],{},"32×32 px",[37,7754,7755,7758],{},[58,7756,7757],{},"Apple Touch Icon（iOSホーム画面）",[58,7759,7760],{},"180×180 px",[37,7762,7763,7766],{},[58,7764,7765],{},"Android \u002F PWAアイコン",[58,7767,7768],{},"192×192 px, 512×512 px",[11,7770,7771,7774,7775,7778],{},[283,7772,7773],{},"\u003Clink rel=\"icon\" type=\"image\u002Fpng\" sizes=\"32x32\" href=\"\u002Ffavicon-32x32.png\">"," のように ",[283,7776,7777],{},"sizes"," 属性を明示することで、ブラウザが適切な解像度を選択できる。",[26,7780,7782],{"id":7781},"svg形式将来に向けたスケーラブルな選択","SVG形式：将来に向けた「スケーラブル」な選択",[11,7784,7785,7786,7789,7790,7793,7794,374],{},"SVGはXMLベースのベクター形式で、どんな解像度でも劣化しない。ChromeやFirefox、Edgeはすでに ",[283,7787,7788],{},"rel=\"icon\""," でのSVGを正式サポートしており、",[283,7791,7792],{},"\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\">"," と記述するだけで有効化できる（",[288,7795,7798],{"href":7796,"rel":7797},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FHTML\u002FAttributes\u002Frel#icon",[292],"MDN: rel=icon",[11,7800,7801,7802,7805],{},"ただし",[309,7803,7804],{},"SafariはSVGファビコンに対応していない","（2025年時点）。そのため現時点でSVGだけに依存するのはリスクがあり、ICOやPNGとの併用が推奨される。",[11,7807,7808,7809,7812],{},"また、SVGにはダークモード対応という強みもある。CSSの ",[283,7810,7811],{},"prefers-color-scheme"," メディアクエリをSVG内に埋め込むことで、OSのダークモード設定に応じてアイコンの色を自動切替できる。",[15,7814],{},[18,7816,7817],{"id":7817},"推奨される現実的な設定パターン",[11,7819,7820],{},"形式ごとの特性を踏まえると、現代のWebサイトに最低限必要なファビコン構成は以下のとおりだ。",[3535,7822,7826],{"className":7823,"code":7824,"language":7825,"meta":480,"style":480},"language-html shiki shiki-themes github-light github-dark","\u003C!-- ICO：後方互換（ルートに置くだけでブラウザが自動検出） -->\n\u003C!-- favicon.ico は \u003Clink> 不要でルートに置くと自動認識 -->\n\n\u003C!-- PNG：モダンブラウザ・各種デバイス向け -->\n\u003Clink rel=\"icon\" type=\"image\u002Fpng\" sizes=\"32x32\" href=\"\u002Ffavicon-32x32.png\">\n\u003Clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\u002Fapple-touch-icon.png\">\n\n\u003C!-- SVG：Chrome \u002F Firefox \u002F Edge 向け（将来性） -->\n\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\">\n\n\u003C!-- PWA \u002F Android向け -->\n\u003Clink rel=\"manifest\" href=\"\u002Fsite.webmanifest\">\n","html",[283,7827,7828,7833,7838,7843,7849,7896,7926,7931,7937,7966,7971,7977],{"__ignoreMap":480},[3543,7829,7830],{"class":3545,"line":3546},[3543,7831,7832],{"class":4833},"\u003C!-- ICO：後方互換（ルートに置くだけでブラウザが自動検出） -->\n",[3543,7834,7835],{"class":3545,"line":481},[3543,7836,7837],{"class":4833},"\u003C!-- favicon.ico は \u003Clink> 不要でルートに置くと自動認識 -->\n",[3543,7839,7840],{"class":3545,"line":486},[3543,7841,7842],{"emptyLinePlaceholder":503},"\n",[3543,7844,7846],{"class":3545,"line":7845},4,[3543,7847,7848],{"class":4833},"\u003C!-- PNG：モダンブラウザ・各種デバイス向け -->\n",[3543,7850,7852,7856,7860,7863,7866,7869,7872,7874,7877,7880,7882,7885,7888,7890,7893],{"class":3545,"line":7851},5,[3543,7853,7855],{"class":7854},"sVt8B","\u003C",[3543,7857,7859],{"class":7858},"s9eBZ","link",[3543,7861,7862],{"class":3549}," rel",[3543,7864,7865],{"class":7854},"=",[3543,7867,7868],{"class":3559},"\"icon\"",[3543,7870,7871],{"class":3549}," type",[3543,7873,7865],{"class":7854},[3543,7875,7876],{"class":3559},"\"image\u002Fpng\"",[3543,7878,7879],{"class":3549}," sizes",[3543,7881,7865],{"class":7854},[3543,7883,7884],{"class":3559},"\"32x32\"",[3543,7886,7887],{"class":3549}," href",[3543,7889,7865],{"class":7854},[3543,7891,7892],{"class":3559},"\"\u002Ffavicon-32x32.png\"",[3543,7894,7895],{"class":7854},">\n",[3543,7897,7899,7901,7903,7905,7907,7910,7912,7914,7917,7919,7921,7924],{"class":3545,"line":7898},6,[3543,7900,7855],{"class":7854},[3543,7902,7859],{"class":7858},[3543,7904,7862],{"class":3549},[3543,7906,7865],{"class":7854},[3543,7908,7909],{"class":3559},"\"apple-touch-icon\"",[3543,7911,7879],{"class":3549},[3543,7913,7865],{"class":7854},[3543,7915,7916],{"class":3559},"\"180x180\"",[3543,7918,7887],{"class":3549},[3543,7920,7865],{"class":7854},[3543,7922,7923],{"class":3559},"\"\u002Fapple-touch-icon.png\"",[3543,7925,7895],{"class":7854},[3543,7927,7929],{"class":3545,"line":7928},7,[3543,7930,7842],{"emptyLinePlaceholder":503},[3543,7932,7934],{"class":3545,"line":7933},8,[3543,7935,7936],{"class":4833},"\u003C!-- SVG：Chrome \u002F Firefox \u002F Edge 向け（将来性） -->\n",[3543,7938,7940,7942,7944,7946,7948,7950,7952,7954,7957,7959,7961,7964],{"class":3545,"line":7939},9,[3543,7941,7855],{"class":7854},[3543,7943,7859],{"class":7858},[3543,7945,7862],{"class":3549},[3543,7947,7865],{"class":7854},[3543,7949,7868],{"class":3559},[3543,7951,7871],{"class":3549},[3543,7953,7865],{"class":7854},[3543,7955,7956],{"class":3559},"\"image\u002Fsvg+xml\"",[3543,7958,7887],{"class":3549},[3543,7960,7865],{"class":7854},[3543,7962,7963],{"class":3559},"\"\u002Ffavicon.svg\"",[3543,7965,7895],{"class":7854},[3543,7967,7969],{"class":3545,"line":7968},10,[3543,7970,7842],{"emptyLinePlaceholder":503},[3543,7972,7974],{"class":3545,"line":7973},11,[3543,7975,7976],{"class":4833},"\u003C!-- PWA \u002F Android向け -->\n",[3543,7978,7980,7982,7984,7986,7988,7991,7993,7995,7998],{"class":3545,"line":7979},12,[3543,7981,7855],{"class":7854},[3543,7983,7859],{"class":7858},[3543,7985,7862],{"class":3549},[3543,7987,7865],{"class":7854},[3543,7989,7990],{"class":3559},"\"manifest\"",[3543,7992,7887],{"class":3549},[3543,7994,7865],{"class":7854},[3543,7996,7997],{"class":3559},"\"\u002Fsite.webmanifest\"",[3543,7999,7895],{"class":7854},[11,8001,8002,5632,8005,8008,8009,374],{},[283,8003,8004],{},"site.webmanifest",[283,8006,8007],{},"icons"," 配列に192×192と512×512のPNGを登録しておくと、Androidホーム画面への追加やPWAインストール時に適切なアイコンが表示される（",[288,8010,8013],{"href":8011,"rel":8012},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fappmanifest\u002F#icons-member",[292],"Web App Manifest仕様 - W3C",[11,8015,8016,8017,8020],{},"ポイントは「SVGを優先しつつICOとPNGを保険として残す」構成にすることだ。ブラウザは ",[283,8018,8019],{},"\u003Clink>"," タグを上から評価し、サポートしている形式を自動で選ぶため、複数形式を並べても問題ない。",[15,8022],{},[18,8024,8025],{"id":8025},"実際にファビコンを用意する方法",[26,8027,8029],{"id":8028},"手順1元画像を用意する","手順1：元画像を用意する",[11,8031,8032],{},"最低でも512×512px以上の正方形画像（PNGまたはSVG）を用意する。これを元に各サイズへリサイズ・変換する。ロゴや既存のアイコン素材をそのまま使うことが多い。",[26,8034,8036],{"id":8035},"手順2必要なサイズ形式に変換する","手順2：必要なサイズ・形式に変換する",[11,8038,8039,8040,1829,8043,8046],{},"複数サイズのICO、各種PNG、SVGを手作業で揃えるのは手間がかかる。オンラインツールを使うのが現実的で、代表的なものに ",[309,8041,8042],{},"RealFaviconGenerator",[309,8044,8045],{},"Favicon.io"," がある。どちらも無料で使えるが、アップロードした画像がサーバーに送信・保存される点は留意が必要だ。",[11,8048,8049,8050,8054],{},"プライバシーを重視する場合、または社内ロゴや非公開素材を扱う場合は、ファイルがサーバーへ送信されないツールが安心だ。",[288,8051,8053],{"href":8052},"\u002Ftools\u002Ffavicon-generator","ファビコン生成ツール"," はブラウザ内だけで処理が完結し、アップロードした画像が外部サーバーに送信されない設計になっている。ICO・PNG・SVGの各形式を一括で出力できるため、上記の推奨構成を一度に揃えられる。",[26,8056,8058],{"id":8057},"手順3ファイルを配置してhtmlに記述する","手順3：ファイルを配置してHTMLに記述する",[11,8060,8061,8062,8064,8065,8068],{},"生成したファイルをWebサーバーのルートディレクトリ（または任意のパス）に配置し、前節で示した ",[283,8063,8019],{}," タグを ",[283,8066,8067],{},"\u003Chead>"," 内に記述すれば完了だ。",[11,8070,8071],{},"配置後は複数のブラウザとデバイスで表示を確認する。Chromeの開発者ツール（DevTools）のApplicationタブにある「Manifest」セクションでPWA用アイコンの認識状況も確認できる。",[15,8073],{},[18,8075,8076],{"id":8076},"よくある失敗と注意点",[11,8078,8079,8082],{},[309,8080,8081],{},"キャッシュが残って更新されない","：ファビコンはブラウザに強くキャッシュされる。変更後に反映されない場合は、ファイル名にバージョン番号やクエリパラメータを付与するか、スーパーリロード（Ctrl+Shift+R）で確認する。",[11,8084,8085,8088,8089,8091,8092,8095],{},[309,8086,8087],{},"サイズ指定を省略する","：",[283,8090,7777],{}," 属性を省略すると、ブラウザが適切なファビコンを選択できず、低解像度のアイコンが拡大表示される場合がある。必ず ",[283,8093,8094],{},"sizes=\"32x32\""," のように明示する。",[11,8097,8098,8101,8102,8104],{},[309,8099,8100],{},"ICOファイルを省略する","：古いブラウザや一部のRSSリーダー、ブックマーク管理ツールはICOしか認識しない。",[283,8103,7716],{}," をルートに置くことで余計なトラブルを防げる。",[11,8106,8107,8110,8111,8114],{},[309,8108,8109],{},"apple-touch-icon を忘れる","：iOSでホーム画面に追加した際に使われるアイコンは ",[283,8112,8113],{},"apple-touch-icon"," で指定する。これを省略すると、iOSがサイトのスクリーンショットをアイコン代わりに使うため、見栄えが悪くなる。",[15,8116],{},[18,8118,444],{"id":444},[11,8120,8121,8122,8125],{},"ファビコンの形式選びは「どれか一つを選ぶ」問題ではなく、",[309,8123,8124],{},"それぞれの形式の役割を理解して組み合わせる","ことがポイントだ。",[303,8127,8128,8134,8139],{},[306,8129,8130,8133],{},[309,8131,8132],{},"ICO","：後方互換のためルートに置く",[306,8135,8136,8138],{},[309,8137,1412],{},"：現在の主力。32×32、180×180、192×192、512×512を用意",[306,8140,8141,8144],{},[309,8142,8143],{},"SVG","：ダークモード対応と将来の主流候補。現時点はPNG・ICOと併用",[11,8146,8147,8148,8150,8151,8153],{},"各形式を手動で揃えるのが面倒な場合は、ブラウザ内で完結する ",[288,8149,8053],{"href":8052}," のようなツールを活用して一括生成するのが効率的だ。形式の組み合わせと ",[283,8152,8019],{}," タグの記述を正しく設定すれば、あらゆるデバイス・ブラウザで意図通りのファビコンが表示される。",[3757,8155,8156],{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":480,"searchDepth":481,"depth":481,"links":8158},[8159,8160,8165,8166,8171,8172],{"id":7683,"depth":481,"text":7684},{"id":7699,"depth":481,"text":7700,"children":8161},[8162,8163,8164],{"id":7703,"depth":486,"text":7704},{"id":7727,"depth":486,"text":7728},{"id":7781,"depth":486,"text":7782},{"id":7817,"depth":481,"text":7817},{"id":8025,"depth":481,"text":8025,"children":8167},[8168,8169,8170],{"id":8028,"depth":486,"text":8029},{"id":8035,"depth":486,"text":8036},{"id":8057,"depth":486,"text":8058},{"id":8076,"depth":481,"text":8076},{"id":444,"depth":481,"text":444},"ファビコンの形式（SVG・PNG・ICO）ごとの違いと、ブラウザ対応・設定方法をWeb担当者向けに解説。ブラウザ内完結の無料ツールも紹介。",{},"\u002Fblog\u002Ffavicon-svg-png-ico-guide","2026-05-28",{"title":7678,"description":8173},"favicon-svg-png-ico-guide","blog\u002Ffavicon-svg-png-ico-guide",[8181,512,513,6185],"ファビコン","ID2b-A4YlnguiaRCHae5nEQzE43M9Xouevus7pCIXYc",{"id":8184,"title":8185,"author":6,"body":8186,"category":496,"coverImage":497,"description":8454,"draft":499,"extension":500,"locale":501,"meta":8455,"navigation":503,"noindex":499,"path":8456,"publishedAt":8457,"seo":8458,"slug":8459,"stem":8460,"tags":8461,"updatedAt":8457,"__hash__":8462},"blog\u002Fblog\u002Fqr-code-wifi-share.md","QRコードでWiFiを共有する方法｜ゲスト用パスワード入力なしで快適に",{"type":8,"value":8187,"toc":8437},[8188,8192,8195,8198,8201,8203,8207,8215,8218,8221,8229,8233,8236,8238,8242,8245,8248,8251,8254,8257,8342,8344,8348,8353,8355,8360,8366,8371,8374,8379,8382,8387,8390,8393,8396,8398,8400,8405,8408,8413,8416,8421,8424,8426,8428,8431],[18,8189,8191],{"id":8190},"wifiパスワードをqrコードで共有するメリット","WiFiパスワードをQRコードで共有するメリット",[11,8193,8194],{},"カフェや会議室、自宅にゲストを招いたとき、WiFiのパスワードを口頭で伝えるのは想像以上に手間がかかる。大文字・小文字・記号が混在した複雑なパスワードを読み上げて、相手が入力ミスをして、また最初からやり直す――このやり取りを経験したことがある人は多いはずだ。",[11,8196,8197],{},"QRコードを使えばこの問題をほぼ解消できる。スマートフォンのカメラアプリやQRリーダーでコードを読み取るだけで、パスワードの入力なしにWiFiへ接続できる。特にAndroid 10以降・iOS 14以降のデバイスは、カメラアプリが標準でWiFi用QRコードを認識し、ワンタップで接続を完了する。",[11,8199,8200],{},"ビジネスシーンでは、受付やロビーにQRコードを印刷して掲示しておくだけで、訪問者対応の工数を大幅に削減できる。飲食店なら卓上POPに、ホテルなら客室カードに印刷すれば、スタッフへの問い合わせも減る。",[15,8202],{},[18,8204,8206],{"id":8205},"wifi共有用qrコードの仕組み","WiFi共有用QRコードの仕組み",[11,8208,8209,8210,374],{},"WiFi情報をQRコードに埋め込むには、決まったフォーマットに従ってデータを構造化する必要がある。このフォーマットはZXing（ zebra crossing）プロジェクトが策定したもので、現在はAndroid・iOSともに標準対応している（参考: ",[288,8211,8214],{"href":8212,"rel":8213},"https:\u002F\u002Fgithub.com\u002Fzxing\u002Fzxing\u002Fwiki\u002FBarcode-Contents#wi-fi-network-config-android",[292],"ZXing wiki – WIFI",[11,8216,8217],{},"構造としては、SSIDと呼ばれるネットワーク名、パスワード、暗号化方式（WPA\u002FWPA2 または WEP、またはパスワードなし）を一定のルールで文字列化し、QRコードに変換する。",[26,8219,8220],{"id":8220},"暗号化方式の選び方",[11,8222,8223,8224,374],{},"現在ほとんどの家庭用・業務用ルーターはWPA2またはWPA3を採用している。QRコード生成時には「WPA」を選択すれば問題ない。古い機器との互換性のためにWEPを使っているネットワークはセキュリティ上のリスクがあり、Wi-Fi Allianceもすでに非推奨としている（参考: ",[288,8225,8228],{"href":8226,"rel":8227},"https:\u002F\u002Fwww.wi-fi.org\u002Fdiscover-wi-fi\u002Fsecurity",[292],"Wi-Fi Alliance – Security",[26,8230,8232],{"id":8231},"ssidやパスワードに記号が含まれる場合","SSIDやパスワードに記号が含まれる場合",[11,8234,8235],{},"SSID・パスワードにバックスラッシュ、セミコロン、コロン、ダブルクォートが含まれる場合、それぞれバックスラッシュでエスケープが必要になる。手動で文字列を組み立てるとこのエスケープ漏れがよくある失敗ポイントだ。ツールを使えばこの処理は自動化される。",[15,8237],{},[18,8239,8241],{"id":8240},"手動で作る方法とツールを使う方法の比較","手動で作る方法と、ツールを使う方法の比較",[11,8243,8244],{},"QRコードを生成する手段は大きく2つある。「コードを自分で書く方法」と「ブラウザツールを使う方法」だ。",[26,8246,8247],{"id":8247},"手動で作成する場合",[11,8249,8250],{},"PythonのライブラリであるqrcodeパッケージやJavaScriptのqrcode.jsを使えば、フォーマット文字列を自分で組み立ててQRコードを生成できる。開発者向けの選択肢だが、記号のエスケープ処理や出力フォーマット（PNG\u002FSVG）の指定など、コーディング知識が前提となる。",[26,8252,8253],{"id":8253},"ブラウザツールを使う場合",[11,8255,8256],{},"ノーコードで即座に作成したい場合は、ブラウザで動作するQRコード生成ツールが便利だ。ただしツールによっては、入力したSSIDやパスワードをサーバーに送信するものもある。ネットワーク認証情報を外部サーバーに送ることはセキュリティ上のリスクになり得るため、ツール選定には注意が必要だ。",[31,8258,8259,8274],{},[34,8260,8261],{},[37,8262,8263,8265,8268,8271],{},[40,8264,7455],{},[40,8266,8267],{},"手動（コーディング）",[40,8269,8270],{},"オンラインツール（一般）",[40,8272,8273],{},"zerosend QRコード生成ツール",[53,8275,8276,8288,8304,8317,8329],{},[37,8277,8278,8281,8284,8286],{},[58,8279,8280],{},"必要なスキル",[58,8282,8283],{},"プログラミング知識",[58,8285,1495],{},[58,8287,1495],{},[37,8289,8290,8293,8296,8299],{},[58,8291,8292],{},"SSIDの送信先サーバー",[58,8294,8295],{},"なし（ローカル実行）",[58,8297,8298],{},"サーバーに送信される場合あり",[58,8300,8301],{},[309,8302,8303],{},"送信なし（ブラウザ内完結）",[37,8305,8306,8308,8311,8314],{},[58,8307,2628],{},[58,8309,8310],{},"無料（環境構築が必要）",[58,8312,8313],{},"多くは無料（広告あり）",[58,8315,8316],{},"完全無料・広告なし",[37,8318,8319,8321,8324,8326],{},[58,8320,7514],{},[58,8322,8323],{},"可能",[58,8325,1059],{},[58,8327,8328],{},"可能（初回ロード後）",[37,8330,8331,8333,8336,8339],{},[58,8332,3214],{},[58,8334,8335],{},"PNG\u002FSVG（要設定）",[58,8337,8338],{},"PNG が多い",[58,8340,8341],{},"PNG\u002FSVG",[15,8343],{},[18,8345,8347],{"id":8346},"zerosend-の-qrコード生成ツールで作成する手順","zerosend の QRコード生成ツールで作成する手順",[11,8349,8350,8352],{},[288,8351,3272],{"href":3271}," はWiFi共有用のQRコードを含め、URL・テキスト・連絡先など複数の種類に対応している。入力した情報はブラウザ内だけで処理され、外部サーバーには一切送信されない。DevToolsのNetworkタブを開いた状態で操作すれば、通信が発生していないことを自分で確認できる。",[26,8354,1129],{"id":1129},[11,8356,8357],{},[309,8358,8359],{},"Step 1: ツールを開く",[11,8361,8362,8365],{},[288,8363,8364],{"href":3271},"QRコード生成ツール"," にアクセスする。登録や会員登録は不要で、即時利用できる。",[11,8367,8368],{},[309,8369,8370],{},"Step 2: 種別として「WiFi」を選択する",[11,8372,8373],{},"生成タイプの選択肢からWiFiを選ぶ。SSID（ネットワーク名）、パスワード、暗号化方式（WPA\u002FWEP\u002Fなし）の入力フォームが表示される。",[11,8375,8376],{},[309,8377,8378],{},"Step 3: ネットワーク情報を入力する",[11,8380,8381],{},"SSIDとパスワードを入力し、暗号化方式を選択する。SSIDが非公開（ステルスSSID）の場合は、該当チェックボックスをオンにする。",[11,8383,8384],{},[309,8385,8386],{},"Step 4: QRコードを生成・ダウンロードする",[11,8388,8389],{},"「生成」ボタンを押すとQRコードがリアルタイムで表示される。PNG形式でダウンロードし、印刷物やデジタルサイネージに使用する。",[26,8391,8392],{"id":8392},"印刷時のポイント",[11,8394,8395],{},"QRコードは最低2cm × 2cm以上のサイズで印刷すると読み取りやすくなる。周囲に白い余白（クワイエットゾーン）をコードサイズの10%以上確保することも重要だ。SVG形式でダウンロードすれば、拡大印刷してもピクセルが粗くならない。",[15,8397],{},[18,8399,659],{"id":659},[11,8401,8402],{},[309,8403,8404],{},"読み取りができない場合",[11,8406,8407],{},"暗号化方式がルーターの設定と一致していない可能性がある。ルーターの管理画面（多くは192.168.1.1または192.168.0.1）でセキュリティ方式を確認し、QRコードの設定と合わせる。",[11,8409,8410],{},[309,8411,8412],{},"SSIDに日本語が含まれる場合",[11,8414,8415],{},"日本語SSIDは原則動作するが、一部の古い端末では認識されないことがある。可能であればSSIDを英数字に変更するか、接続が確認できた端末でのみ使用を限定する。",[11,8417,8418],{},[309,8419,8420],{},"ゲスト用ネットワークを分けるべき理由",[11,8422,8423],{},"業務用ネットワークのパスワードをQRコードで共有するのは避けたほうがよい。QRコードは複製されやすいため、ゲスト用の独立したSSIDを別途用意し、そちらのパスワードをQRコード化するのが適切な運用だ。多くのルーターはゲストネットワーク機能を標準搭載している。",[15,8425],{},[18,8427,444],{"id":444},[11,8429,8430],{},"QRコードによるWiFi共有は、技術的な難しさはなく、適切なツールを使えば数分で完成する。作成時の主な注意点は「暗号化方式をルーター設定と一致させる」「SSIDの特殊文字をエスケープする（ツールなら自動処理）」「業務用ネットワークは共有しない」の3点だ。",[11,8432,8433,8434,8436],{},"ツールを選ぶ際は、ネットワーク認証情報をサーバーに送信しないかどうかを確認することを推奨する。",[288,8435,3272],{"href":3271}," はその要件を満たす選択肢の一つとして参考にしてほしい。",{"title":480,"searchDepth":481,"depth":481,"links":8438},[8439,8440,8444,8448,8452,8453],{"id":8190,"depth":481,"text":8191},{"id":8205,"depth":481,"text":8206,"children":8441},[8442,8443],{"id":8220,"depth":486,"text":8220},{"id":8231,"depth":486,"text":8232},{"id":8240,"depth":481,"text":8241,"children":8445},[8446,8447],{"id":8247,"depth":486,"text":8247},{"id":8253,"depth":486,"text":8253},{"id":8346,"depth":481,"text":8347,"children":8449},[8450,8451],{"id":1129,"depth":486,"text":1129},{"id":8392,"depth":486,"text":8392},{"id":659,"depth":481,"text":659},{"id":444,"depth":481,"text":444},"QRコードを使ってWiFiパスワードをスマートに共有する手順を解説。カフェ・オフィス・自宅でも使えるブラウザ完結の無料ツールも紹介。",{},"\u002Fblog\u002Fqr-code-wifi-share","2026-05-27",{"title":8185,"description":8454},"qr-code-wifi-share","blog\u002Fqr-code-wifi-share",[767,1885,766,765],"IwK_j0lv4zTToqokx_Tvil6BWAf51dS9kyZocxl19EU",{"id":8464,"title":8465,"author":6,"body":8466,"category":496,"coverImage":497,"description":8845,"draft":499,"extension":500,"locale":501,"meta":8846,"navigation":503,"noindex":499,"path":8847,"publishedAt":8848,"seo":8849,"slug":8850,"stem":8851,"tags":8852,"updatedAt":8848,"__hash__":8853},"blog\u002Fblog\u002Fheic-what-is-how-to-open.md","HEICファイルとは？iPhoneで撮った写真が開けない原因と変換方法",{"type":8,"value":8467,"toc":8833},[8468,8475,8478,8481,8483,8487,8500,8503,8581,8584,8586,8590,8594,8601,8615,8618,8622,8630,8634,8637,8639,8643,8650,8653,8660,8662,8666,8669,8729,8732,8739,8752,8755,8757,8759,8773,8781,8789,8797,8799,8801,8804,8830],[11,8469,8470,8471,8474],{},"iPhoneで撮った写真をWindowsのPCやウェブフォームに送ろうとしたとき、「このファイルは開けません」と表示された経験はないだろうか。原因のほとんどは、ファイルの拡張子が ",[283,8472,8473],{},".heic"," になっていることだ。",[11,8476,8477],{},"HEICはAppleがiOS 11から採用した画像形式で、JPEGと比較して同等の画質をおよそ半分のファイルサイズで保存できる。ストレージ節約には優秀だが、Windows標準環境や古いソフトウェア、各種ウェブサービスのアップロードフォームでは未対応のケースが多く、ビジネスの現場でたびたびつまずきの原因になる。",[11,8479,8480],{},"この記事では、HEICの仕組みをひととおり説明したうえで、WindowsとMacそれぞれでの開き方、そしてJPGへの変換方法を実践的にまとめる。",[15,8482],{},[18,8484,8486],{"id":8485},"heicとは何かjpegとの違いを押さえる","HEICとは何か――JPEGとの違いを押さえる",[11,8488,8489,8490,8493,8494,8499],{},"HEICは ",[309,8491,8492],{},"High Efficiency Image Container"," の略で、映像圧縮規格HEVC（H.265）をベースにした静止画フォーマットだ。",[288,8495,8498],{"href":8496,"rel":8497},"https:\u002F\u002Fmpeg.chiariglione.org\u002Fstandards\u002Fmpeg-h\u002Fimage-file-format",[292],"MPEG公式の仕様書","では、単一フレームだけでなく画像シーケンスやバースト撮影のデータも1ファイルに格納できると定義されている。",[11,8501,8502],{},"JPEGと並べた場合の主な特徴は以下のとおり。",[31,8504,8505,8516],{},[34,8506,8507],{},[37,8508,8509,8511,8514],{},[40,8510,2304],{},[40,8512,8513],{},"HEIC",[40,8515,1406],{},[53,8517,8518,8529,8540,8551,8561,8571],{},[37,8519,8520,8523,8526],{},[58,8521,8522],{},"圧縮アルゴリズム",[58,8524,8525],{},"HEVC (H.265)",[58,8527,8528],{},"DCT",[37,8530,8531,8534,8537],{},[58,8532,8533],{},"同画質でのファイルサイズ",[58,8535,8536],{},"約50%小さい",[58,8538,8539],{},"基準",[37,8541,8542,8545,8548],{},[58,8543,8544],{},"透過（アルファチャンネル）",[58,8546,8547],{},"対応",[58,8549,8550],{},"非対応",[37,8552,8553,8556,8558],{},[58,8554,8555],{},"HDR \u002F 広色域",[58,8557,8547],{},[58,8559,8560],{},"限定的",[37,8562,8563,8566,8569],{},[58,8564,8565],{},"Windows標準での表示",[58,8567,8568],{},"要拡張機能",[58,8570,8547],{},[37,8572,8573,8576,8578],{},[58,8574,8575],{},"ブラウザの対応状況",[58,8577,8560],{},[58,8579,8580],{},"広く対応",[11,8582,8583],{},"Webへのアップロード、印刷所への入稿、社内の共有フォルダへの保存――どれもJPEGを前提にしているサービスや環境がまだ多い。HEICのままでは使えないシーンが多いのはそのためだ。",[15,8585],{},[18,8587,8589],{"id":8588},"windowsでheicを開く3つの方法","WindowsでHEICを開く3つの方法",[26,8591,8593],{"id":8592},"方法1microsoft-storeから拡張機能を追加する","方法1：Microsoft Storeから拡張機能を追加する",[11,8595,8596,8597,8600],{},"Windows 10 \u002F 11では、Microsoft Storeで ",[309,8598,8599],{},"「HEIF Image Extensions」","（無料）をインストールすると、エクスプローラーやフォトアプリでHEICファイルをそのまま開けるようになる。",[340,8602,8603,8606,8609,8612],{},[306,8604,8605],{},"スタートメニューから「Microsoft Store」を開く",[306,8607,8608],{},"検索欄に「HEIF Image Extensions」と入力",[306,8610,8611],{},"「入手」をクリックしてインストール",[306,8613,8614],{},"フォトアプリでHEICファイルをダブルクリック",[11,8616,8617],{},"インストール後は再起動不要ですぐに反映される。閲覧だけが目的であればこれで十分だ。",[26,8619,8621],{"id":8620},"方法2irfanviewなど無料ビューアを使う","方法2：IrfanViewなど無料ビューアを使う",[11,8623,8624,8629],{},[288,8625,8628],{"href":8626,"rel":8627},"https:\u002F\u002Fwww.irfanview.com\u002F",[292],"IrfanView","はプラグイン「HEIF\u002FHEIC」を追加することでHEICの表示と変換に対応する。バッチ変換機能もあるため、大量ファイルを一括でJPEGに変換する用途に向いている。",[26,8631,8633],{"id":8632},"方法3jpgに変換してしまう","方法3：JPGに変換してしまう",[11,8635,8636],{},"開くだけでなく、他者への送付や入稿を考えているなら、最初からJPGへ変換してしまうのが一番手間がかからない。変換方法は後のセクションで詳しく説明する。",[15,8638],{},[18,8640,8642],{"id":8641},"macでheicを開く方法","MacでHEICを開く方法",[11,8644,8645,8646,8649],{},"MacはmacOS High Sierra以降でHEICをネイティブサポートしているため、",[309,8647,8648],{},"プレビュー.appでそのまま開ける","。追加インストールは不要だ。",[11,8651,8652],{},"ただし、Macで開いた写真をWindowsユーザーに送るときは注意が必要で、メールに添付したHEICファイルを受け取った相手が開けないという問題は依然として起きやすい。",[11,8654,8655,8656,8659],{},"iPhoneの設定で転送フォーマットをJPEGに変えておく方法もある。「設定」→「写真」→「MACまたはPCに転送」を「自動」から「元のフォーマットのまま」ではなく ",[309,8657,8658],{},"「互換性優先」"," にするだけでよい。ただしこれは転送時のみの変換で、iPhone本体に保存される形式はHEICのままとなる。",[15,8661],{},[18,8663,8665],{"id":8664},"heicをjpgに変換する方法ブラウザだけで完結する選択肢","HEICをJPGに変換する方法――ブラウザだけで完結する選択肢",[11,8667,8668],{},"変換方法はいくつかあるが、整理すると大きく3種類になる。",[31,8670,8671,8683],{},[34,8672,8673],{},[37,8674,8675,8677,8679,8681],{},[40,8676,7141],{},[40,8678,2317],{},[40,8680,7153],{},[40,8682,1768],{},[53,8684,8685,8697,8709],{},[37,8686,8687,8690,8693,8695],{},[58,8688,8689],{},"Smallpdf \u002F iLovePDF などオンラインツール",[58,8691,8692],{},"サーバーにアップロード",[58,8694,4586],{},[58,8696,1495],{},[37,8698,8699,8702,8704,8707],{},[58,8700,8701],{},"Photoshop \u002F Lightroom",[58,8703,3671],{},[58,8705,8706],{},"有料サブスク",[58,8708,2619],{},[37,8710,8711,8716,8721,8725],{},[58,8712,8713],{},[309,8714,8715],{},"zerosend（ブラウザ内処理）",[58,8717,8718],{},[309,8719,8720],{},"送信なし・ブラウザ内のみ",[58,8722,8723],{},[309,8724,2628],{},[58,8726,8727],{},[309,8728,1495],{},[11,8730,8731],{},"SmallpdfやiLovePDFのようなオンラインサービスは手軽だが、ファイルを一度サーバーにアップロードする仕組みになっている。個人の写真や業務上の書類を扱う場合、この点は確認しておきたい。",[11,8733,8734,8738],{},[288,8735,8737],{"href":8736},"\u002Ftools\u002Fheic-to-jpg","HEIC → JPG 変換ツール"," は、ファイルをサーバーに送信せずブラウザ内だけで変換処理を行う。処理にはWebAssemblyを使用しており、DevToolsのNetworkタブを確認すれば画像データが外部へ送信されていないことを確認できる。操作手順は次のとおり。",[340,8740,8741,8746,8749],{},[306,8742,8743,8745],{},[288,8744,8737],{"href":8736}," をブラウザで開く",[306,8747,8748],{},"HEICファイルをドロップ、またはファイル選択ボタンで指定する",[306,8750,8751],{},"変換が完了したらダウンロードボタンを押す",[11,8753,8754],{},"アカウント登録は不要で、複数ファイルの一括変換にも対応している。オフライン環境でも、初回ロード後であれば動作する。",[15,8756],{},[18,8758,1807],{"id":1807},[11,8760,8761,8764,8766,8767,8772],{},[309,8762,8763],{},"Q. HEICとHEIFは同じものですか？",[1138,8765],{},"\n厳密には異なる。HEIFはコンテナ形式の名称（High Efficiency Image File Format）で、HEICはそのなかでHEVC圧縮を使った静止画のファイル拡張子だ。Appleの端末で生成されるのは主にHEIC。",[288,8768,8771],{"href":8769,"rel":8770},"https:\u002F\u002Fsupport.apple.com\u002Fja-jp\u002F101994",[292],"Appleの公式ドキュメント","でも両者の関係が説明されている。",[11,8774,8775,8778,8780],{},[309,8776,8777],{},"Q. 変換するとき画質は落ちますか？",[1138,8779],{},"\nJPGへの変換は不可逆圧縮の再エンコードになるため、品質設定によっては多少の劣化が生じる。品質を90〜95%程度に設定できるツールを選ぶと劣化を最小限に抑えられる。",[11,8782,8783,8786,8788],{},[309,8784,8785],{},"Q. iPhoneの写真をそもそもJPEGで保存できますか？",[1138,8787],{},"\nできる。「設定」→「カメラ」→「フォーマット」を「高互換性」に変更するとJPEGで保存されるようになる。ただしファイルサイズは増える。",[11,8790,8791,8794,8796],{},[309,8792,8793],{},"Q. 大量のHEICファイルを一括変換したい場合は？",[1138,8795],{},"\n前述のIrfanView（バッチ変換機能あり）か、zerosendのブラウザツールで複数ファイルをまとめてドロップする方法が手軽だ。",[15,8798],{},[18,8800,444],{"id":444},[11,8802,8803],{},"HEICはAppleが選んだ効率的な画像フォーマットだが、Windows環境やウェブサービスとの互換性問題は現在も残っている。対処法は用途によって使い分けるとよい。",[303,8805,8806,8812,8818,8824],{},[306,8807,8808,8811],{},[309,8809,8810],{},"開くだけでよい（Windows）"," → HEIF Image Extensions をインストール",[306,8813,8814,8817],{},[309,8815,8816],{},"Macなら"," → プレビュー.appでそのまま開ける",[306,8819,8820,8823],{},[309,8821,8822],{},"共有・入稿・アップロード用に変換したい"," → JPG変換ツールを使う",[306,8825,8826,8829],{},[309,8827,8828],{},"プライバシーが気になる"," → ブラウザ内処理のツールを選ぶ",[11,8831,8832],{},"ファイルを外部サーバーに送りたくない場面では、ブラウザだけで完結する変換手段を選ぶことで、データの外部流出リスクを排除できる。",{"title":480,"searchDepth":481,"depth":481,"links":8834},[8835,8836,8841,8842,8843,8844],{"id":8485,"depth":481,"text":8486},{"id":8588,"depth":481,"text":8589,"children":8837},[8838,8839,8840],{"id":8592,"depth":486,"text":8593},{"id":8620,"depth":486,"text":8621},{"id":8632,"depth":486,"text":8633},{"id":8641,"depth":481,"text":8642},{"id":8664,"depth":481,"text":8665},{"id":1807,"depth":481,"text":1807},{"id":444,"depth":481,"text":444},"iPhoneで撮影したHEICファイルが開けない理由と、Windows・Macでの対処法を解説。ブラウザだけで完結するJPG変換方法も紹介します。",{},"\u002Fblog\u002Fheic-what-is-how-to-open","2026-05-23",{"title":8465,"description":8845},"heic-what-is-how-to-open","blog\u002Fheic-what-is-how-to-open",[510,1290,766,6185],"foHjvamEBQw9X-LkgQY5WNYFiWN_-Dk12nJq9kD8NGs",{"id":8855,"title":8856,"author":6,"body":8857,"category":496,"coverImage":497,"description":9258,"draft":499,"extension":500,"locale":501,"meta":9259,"navigation":503,"noindex":499,"path":9260,"publishedAt":9261,"seo":9262,"slug":9263,"stem":9264,"tags":9265,"updatedAt":9261,"__hash__":9266},"blog\u002Fblog\u002Fgif-vs-video-web-usage.md","GIFと動画の違いとウェブでの使い分け完全ガイド",{"type":8,"value":8858,"toc":9241},[8859,8862,8865,8867,8871,8875,8882,8885,8901,8905,8912,8921,8949,8951,8955,8959,8982,8986,9006,9009,9133,9135,9139,9142,9145,9148,9151,9157,9160,9174,9177,9179,9181,9187,9203,9209,9215,9217,9219,9222,9238],[11,8860,8861],{},"Webサイトの制作や運用をしていると、「この動きのある素材、GIFで使うべきか、動画で使うべきか」と迷う場面がある。どちらも「動く」という点では同じに見えるが、仕組みもファイルサイズも、ブラウザでの扱われ方も大きく異なる。選択を誤ると、ページの読み込みが遅くなったり、逆に意図した表示ができなかったりする。",[11,8863,8864],{},"この記事では、GIFと動画の技術的な差異を整理したうえで、ウェブ制作・ビジネス用途でどちらを選ぶべきかの判断基準を具体的に示す。",[15,8866],{},[18,8868,8870],{"id":8869},"gifと動画mp4webmの技術的な違い","GIFと動画（MP4\u002FWebM）の技術的な違い",[26,8872,8874],{"id":8873},"gifとは何か","GIFとは何か",[11,8876,8877,8878,8881],{},"GIF（Graphics Interchange Format）は1987年にCompServeが策定した画像フォーマットで、最大256色までの静止画または複数フレームのアニメーションを1ファイルに格納できる。仕様上、動画コーデックではなく",[309,8879,8880],{},"画像フォーマット","として定義されており、音声トラックを持てない。",[11,8883,8884],{},"ファイルの特性として以下が挙げられる。",[303,8886,8887,8890,8893,8898],{},[306,8888,8889],{},"色深度が8ビット（最大256色）に制限される",[306,8891,8892],{},"フレームを並べる構造のため、圧縮効率が低い",[306,8894,8895,8897],{},[283,8896,5573],{}," タグで直接埋め込める（JavaScriptや追加APIが不要）",[306,8899,8900],{},"自動再生・ループが多くのメール・チャットツールで標準対応している",[26,8902,8904],{"id":8903},"動画フォーマットmp4webmとの差異","動画フォーマット（MP4・WebM）との差異",[11,8906,8907,8908,8911],{},"MP4（H.264\u002FH.265コーデック）やWebM（VP8\u002FVP9\u002FAV1コーデック）は、映像を時間軸で圧縮する",[309,8909,8910],{},"動画フォーマット","だ。フレーム間の差分だけを記録する手法（インターフレーム圧縮）により、GIFと比べて圧倒的に高い圧縮効率を持つ。",[11,8913,8914,8915,8920],{},"Googleの公式ドキュメント（",[288,8916,8919],{"href":8917,"rel":8918},"https:\u002F\u002Fweb.dev\u002Farticles\u002Freplace-gifs-with-videos",[292],"web.dev: Replace animated GIFs with video","）は、「アニメーションGIFをMP4に置き換えるだけでファイルサイズを最大80%削減できる」と明記している。",[11,8922,8923,8924,8931,8932,8934,8935,8938,8939,8938,8942,8938,8945,8948],{},"また、",[288,8925,2463,8928,8930],{"href":8926,"rel":8927},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FElements\u002Fvideo",[292],[283,8929,5800],{}," 要素の解説","でも確認できるとおり、",[283,8933,5800],{}," タグは ",[283,8936,8937],{},"autoplay","・",[283,8940,8941],{},"loop",[283,8943,8944],{},"muted",[283,8946,8947],{},"playsinline"," 属性を組み合わせることで、GIFと視覚的に同等の「自動ループ再生」を実現できる。",[15,8950],{},[18,8952,8954],{"id":8953},"ウェブでの使い分けどちらを選ぶべきか","ウェブでの使い分け：どちらを選ぶべきか",[26,8956,8958],{"id":8957},"gifが適しているケース","GIFが適しているケース",[340,8960,8961,8970,8976],{},[306,8962,8963,8966,8967,8969],{},[309,8964,8965],{},"メール本文・チャットツール（Slack・Teams等）への埋め込み","　多くのメールクライアントや業務チャットは ",[283,8968,5800],{}," タグを解釈しないため、GIFが唯一の「動くコンテンツ」になる。",[306,8971,8972,8975],{},[309,8973,8974],{},"SNS投稿（Twitter\u002FX・LINEなど）","　プラットフォーム側が内部的にGIFをMP4に変換して配信するケースもあるが、ユーザーがGIFをドラッグ&ドロップしやすい文化が根付いている。",[306,8977,8978,8981],{},[309,8979,8980],{},"短い・シンプルなアニメーション（ローディングスピナーなど）","　色数が少なく2〜3秒以内のループアニメーションは、GIFでもファイルサイズを抑えられる。",[26,8983,8985],{"id":8984},"動画mp4webmが適しているケース","動画（MP4\u002FWebM）が適しているケース",[340,8987,8988,8994,9000],{},[306,8989,8990,8993],{},[309,8991,8992],{},"ウェブページへの埋め込み","　ページ速度（Core Web Vitals の LCP や TBT）に影響するため、大きなアニメーション素材は必ず動画形式を選ぶ。",[306,8995,8996,8999],{},[309,8997,8998],{},"色数が多い・リアルな映像素材","　写真やスクリーンキャプチャを含む動きのある素材は、GIFの256色制限で品質が著しく劣化する。",[306,9001,9002,9005],{},[309,9003,9004],{},"音声付きコンテンツ","　GIFは音声を持てないため、ナレーションやBGMが必要な場合は動画一択。",[26,9007,9008],{"id":9008},"比較表",[31,9010,9011,9026],{},[34,9012,9013],{},[37,9014,9015,9017,9020,9023],{},[40,9016,2304],{},[40,9018,9019],{},"GIF",[40,9021,9022],{},"MP4（H.264）",[40,9024,9025],{},"WebM（VP9）",[53,9027,9028,9041,9051,9064,9078,9089,9107,9121],{},[37,9029,9030,9033,9036,9039],{},[58,9031,9032],{},"色深度",[58,9034,9035],{},"8bit（256色）",[58,9037,9038],{},"フルカラー",[58,9040,9038],{},[37,9042,9043,9045,9047,9049],{},[58,9044,928],{},[58,9046,8550],{},[58,9048,8547],{},[58,9050,8547],{},[37,9052,9053,9056,9059,9062],{},[58,9054,9055],{},"圧縮効率",[58,9057,9058],{},"低い",[58,9060,9061],{},"高い",[58,9063,9061],{},[37,9065,9066,9071,9073,9076],{},[58,9067,9068,9070],{},[283,9069,5573],{}," タグ対応",[58,9072,1977],{},[58,9074,9075],{},"✗",[58,9077,9075],{},[37,9079,9080,9083,9085,9087],{},[58,9081,9082],{},"メール埋め込み",[58,9084,1977],{},[58,9086,9075],{},[58,9088,9075],{},[37,9090,9091,9094,9097,9103],{},[58,9092,9093],{},"ブラウザ自動再生",[58,9095,9096],{},"自動",[58,9098,9099,9102],{},[283,9100,9101],{},"autoplay muted"," で可",[58,9104,9105,9102],{},[283,9106,9101],{},[37,9108,9109,9112,9115,9118],{},[58,9110,9111],{},"典型的なファイルサイズ（5秒）",[58,9113,9114],{},"3〜15MB",[58,9116,9117],{},"0.3〜2MB",[58,9119,9120],{},"0.2〜1.5MB",[37,9122,9123,9126,9129,9131],{},[58,9124,9125],{},"送信先サーバー（外部ツール利用時）",[58,9127,9128],{},"ツール依存",[58,9130,9128],{},[58,9132,9128],{},[15,9134],{},[18,9136,9138],{"id":9137},"gifへの変換が必要なときの具体的な手順","GIFへの変換が必要なときの具体的な手順",[11,9140,9141],{},"「動画素材はあるが、メールやSlack用にGIFにしたい」というケースは業務でも頻繁に発生する。以下に一般的な方法と、プライバシーを重視する場合の方法を示す。",[26,9143,9144],{"id":9144},"一般的なオンラインツールを使う場合の注意点",[11,9146,9147],{},"Smallpdf・EZGIF・CloudConvertなどのオンラインツールは手軽だが、ファイルをサーバーにアップロードして処理する。機密性のある操作画面のキャプチャや社内資料の動画を変換する際には、サーバー側でのデータ保持期間やプライバシーポリシーの確認が必要になる。",[26,9149,9150],{"id":9150},"ブラウザ内だけで完結させる方法",[11,9152,9153,9154,9156],{},"サーバーにファイルを送りたくない場合、",[288,9155,1098],{"href":1097},"を利用する選択肢がある。ffmpeg.wasm をブラウザ上で動かす仕組みで、アップロードは発生せず変換処理がすべてローカルで完結する。DevTools の Network タブを開いて確認すれば、動画ファイルの外部送信が行われていないことを自分で検証できる。",[11,9158,9159],{},"操作手順は単純だ。",[340,9161,9162,9165,9168,9171],{},[306,9163,9164],{},"ページを開き、変換したい動画ファイルをドラッグ&ドロップする",[306,9166,9167],{},"開始時間・終了時間・フレームレート・幅を指定する",[306,9169,9170],{},"「変換」ボタンを押してブラウザ内で処理を待つ",[306,9172,9173],{},"生成されたGIFをダウンロードする",[11,9175,9176],{},"初回アクセス時に ffmpeg.wasm のロードで数秒かかるが、以降はオフライン環境でも動作する。",[15,9178],{},[18,9180,410],{"id":410},[11,9182,9183,9186],{},[309,9184,9185],{},"Q. GIFのファイルサイズを小さくするにはどうすればよいですか？","\nフレームレートを下げる（24fps → 10fps）・幅を縮小する・再生時間を短くする、の3つが最も効果的。色数が少ない素材を選ぶことも重要。",[11,9188,9189,9196,9197,9199,9200,9202],{},[309,9190,9191,9192,9195],{},"Q. ",[283,9193,9194],{},"\u003Cvideo autoplay muted loop playsinline>"," でGIF代替をする際の注意点は？","\niOS Safariでは ",[283,9198,8947],{}," がないとフルスクリーン再生になるため必須。また、",[283,9201,8944],{}," がないと多くのブラウザで自動再生がブロックされる。",[11,9204,9205,9208],{},[309,9206,9207],{},"Q. SNSに投稿するならGIFとMP4のどちらが良いですか？","\nTwitter\u002FX はGIFをアップロードすると内部的にMP4に変換して配信するため、品質面ではMP4で直接投稿する方が有利。ただし投稿インターフェースの使いやすさからGIFが使われる場面も多い。",[11,9210,9211,9214],{},[309,9212,9213],{},"Q. アニメーションにWebPやAVIFは使えますか？","\nアニメーションWebP・アニメーションAVIFはいずれもGIFの代替として仕様上サポートされているが、ブラウザ対応状況やツールのサポートがGIF・動画と比べてまだ限定的。2025年時点では本番環境での採用には慎重な動作確認が必要。",[15,9216],{},[18,9218,444],{"id":444},[11,9220,9221],{},"GIFと動画の使い分けは「どこで再生されるか」で決まる。",[303,9223,9224,9233],{},[306,9225,9226,9232],{},[309,9227,9228,9229,9231],{},"ウェブページへの埋め込み → MP4\u002FWebMを ",[283,9230,5800],{}," タグで使う","（ページ速度・画質の両面で優位）",[306,9234,9235],{},[309,9236,9237],{},"メール・チャット・SNS → GIFが現実的な選択肢",[11,9239,9240],{},"動画からGIFへの変換が必要な場面では、ファイルをサーバーに送信するかどうかを意識して、用途に合ったツールを選ぶと良い。変換の品質やプライバシーの要件が厳しい場合は、ブラウザ内完結のツールを検討する価値がある。",{"title":480,"searchDepth":481,"depth":481,"links":9242},[9243,9247,9252,9256,9257],{"id":8869,"depth":481,"text":8870,"children":9244},[9245,9246],{"id":8873,"depth":486,"text":8874},{"id":8903,"depth":486,"text":8904},{"id":8953,"depth":481,"text":8954,"children":9248},[9249,9250,9251],{"id":8957,"depth":486,"text":8958},{"id":8984,"depth":486,"text":8985},{"id":9008,"depth":486,"text":9008},{"id":9137,"depth":481,"text":9138,"children":9253},[9254,9255],{"id":9144,"depth":486,"text":9144},{"id":9150,"depth":486,"text":9150},{"id":410,"depth":481,"text":410},{"id":444,"depth":481,"text":444},"GIFと動画（MP4など）の技術的な違いを整理し、ウェブサイトやSNSでの最適な使い分け方を解説。変換方法やパフォーマンスへの影響も紹介。",{},"\u002Fblog\u002Fgif-vs-video-web-usage","2026-05-22",{"title":8856,"description":9258},"gif-vs-video-web-usage","blog\u002Fgif-vs-video-web-usage",[1289,1290,512,6185],"UbKHJfcawtABaxZwwp31q7ki7cWZEAIgI3xeRV83dlc",{"id":9268,"title":9269,"author":6,"body":9270,"category":496,"coverImage":497,"description":9624,"draft":499,"extension":500,"locale":501,"meta":9625,"navigation":503,"noindex":499,"path":9626,"publishedAt":9627,"seo":9628,"slug":9629,"stem":9630,"tags":9631,"updatedAt":9627,"__hash__":9632},"blog\u002Fblog\u002Fvideo-compress-instagram-upload.md","Instagram動画の容量制限を超えた時の圧縮方法と注意点",{"type":8,"value":9271,"toc":9611},[9272,9276,9279,9338,9341,9344,9346,9350,9359,9396,9399,9401,9404,9408,9417,9420,9423,9430,9433,9435,9439,9445,9448,9475,9478,9484,9486,9489,9578,9581,9583,9585,9588,9591,9605],[18,9273,9275],{"id":9274},"instagramの動画アップロードで詰まる容量の壁","Instagramの動画アップロードで詰まる「容量の壁」",[11,9277,9278],{},"SNS運用に動画コンテンツを取り入れているビジネスパーソンやWeb担当者が一度は経験するのが、「ファイルが大きすぎてアップロードできない」というエラーだ。Instagramの投稿フォーマットごとの制限は以下のとおりで、思いのほか厳しい。",[31,9280,9281,9293],{},[34,9282,9283],{},[37,9284,9285,9288,9290],{},[40,9286,9287],{},"フォーマット",[40,9289,51],{},[40,9291,9292],{},"最大尺",[53,9294,9295,9306,9317,9327],{},[37,9296,9297,9300,9303],{},[58,9298,9299],{},"フィード動画",[58,9301,9302],{},"100 MB",[58,9304,9305],{},"60秒",[37,9307,9308,9311,9314],{},[58,9309,9310],{},"リール",[58,9312,9313],{},"1 GB",[58,9315,9316],{},"90秒",[37,9318,9319,9322,9325],{},[58,9320,9321],{},"ストーリーズ",[58,9323,9324],{},"4 GB",[58,9326,9305],{},[37,9328,9329,9332,9335],{},[58,9330,9331],{},"IGTV (長尺)",[58,9333,9334],{},"3.6 GB",[58,9336,9337],{},"60分",[11,9339,9340],{},"フィード投稿は100 MBという厳しい上限があり、スマートフォンで撮影した4K動画や、一眼カメラで録ったプロモーション映像は軽く超えてしまう。リールは上限が大きい一方、ファイルサイズより「画質の劣化」がボトルネックになりやすい。Instagramはアップロード後にサーバー側で再エンコードするため、元の動画品質が高いほど再圧縮後のダメージを抑えられる。",[11,9342,9343],{},"つまり「とにかく小さくすればいい」ではなく、「Instagramが推奨するスペックに合わせて最低限だけ圧縮する」アプローチが最適解になる。",[15,9345],{},[18,9347,9349],{"id":9348},"instagramが推奨するエンコード設定","Instagramが推奨するエンコード設定",[11,9351,9352,9353,9358],{},"公式ヘルプ（",[288,9354,9357],{"href":9355,"rel":9356},"https:\u002F\u002Fhelp.instagram.com\u002F1038071743024882",[292],"Instagram ヘルプセンター","）では、高品質な動画投稿のための推奨フォーマットを次のように定めている。",[303,9360,9361,9367,9373,9379,9385,9390],{},[306,9362,9363,9366],{},[309,9364,9365],{},"コーデック",": H.264 (AVC)",[306,9368,9369,9372],{},[309,9370,9371],{},"コンテナ",": MP4",[306,9374,9375,9378],{},[309,9376,9377],{},"フレームレート",": 23〜60 fps（30 fpsが無難）",[306,9380,9381,9384],{},[309,9382,9383],{},"ビットレート",": 3,500 kbps 以上（フィード）",[306,9386,9387,9389],{},[309,9388,48],{},": 4:5（フィード縦型）、9:16（リール・ストーリーズ）",[306,9391,9392,9395],{},[309,9393,9394],{},"解像度",": 最大1080p",[11,9397,9398],{},"この設定を満たしつつファイルサイズを100 MB以内に収めるのがゴールだ。60秒・1080p・H.264・30fps・5,000 kbpsで計算すると約2.25 GBになるため、ビットレートを3,500〜4,500 kbpsに落とすだけで目標に収まることが多い。むやみに解像度を下げるより、ビットレートの調整が画質を保つ近道だ。",[15,9400],{},[18,9402,9403],{"id":9403},"一般的な圧縮方法とその限界",[26,9405,9407],{"id":9406},"handbrakeを使う方法デスクトップアプリ","HandBrakeを使う方法（デスクトップアプリ）",[11,9409,9410,9411,9416],{},"無料のオープンソースソフト ",[288,9412,9415],{"href":9413,"rel":9414},"https:\u002F\u002Fhandbrake.fr\u002F",[292],"HandBrake"," は、H.264エンコードの細かいパラメータを自由に設定できる定番ツールだ。「Preset」でSocial 720p\u002F1080pを選び、ビットレートを手動入力するだけで、Instagramの推奨値に近い出力が得られる。",[11,9418,9419],{},"ただし、インストールが必要なこと、UIが英語ベースで設定項目が多いこと、変換に数分〜十数分かかることは覚えておきたい。",[26,9421,9422],{"id":9422},"オンライン変換サービスを使う方法",[11,9424,9425,9426,9429],{},"Clipchamp、Clideo、Adobe Express など、ブラウザ上で完結するオンラインサービスは手軽だが、",[309,9427,9428],{},"動画ファイルをサーバーにアップロードする仕組み","になっている。顧客インタビューや社内会議の録画、未公開の商品プロモーション動画など、外部に送信したくないファイルには向かない。",[11,9431,9432],{},"無料プランでは出力サイズやファイル数に制限があることも多く、1 GBを超えるリール素材を扱う場合は課金が前提になるケースが散見される。",[15,9434],{},[18,9436,9438],{"id":9437},"ブラウザだけで完結する圧縮方法サーバー送信なし","ブラウザだけで完結する圧縮方法（サーバー送信なし）",[11,9440,9441,9442,9444],{},"ファイルを外部サーバーに送りたくない場合の選択肢として、",[288,9443,6963],{"href":6962}," がある。ffmpeg.wasm（WebAssemblyベースのFFmpegポート）を使い、エンコード処理をすべてブラウザ内で実行するため、ファイルがネットワーク外に出ない。DevToolsのNetworkタブを開いて動作確認すれば、動画のバイナリが外部に送信されていないことを確認できる。",[26,9446,9447],{"id":9447},"実際の操作手順",[340,9449,9450,9454,9457,9469,9472],{},[306,9451,9452,8745],{},[288,9453,6963],{"href":6962},[306,9455,9456],{},"圧縮したい動画ファイルをドラッグ＆ドロップ、またはクリックして選択",[306,9458,9459,9460],{},"出力フォーマット（MP4）、解像度、ビットレートを設定\n",[303,9461,9462],{},[306,9463,9464,9465,9468],{},"フィード投稿なら ",[309,9466,9467],{},"ビットレート: 4,000 kbps \u002F 解像度: 1080p \u002F fps: 30"," が目安",[306,9470,9471],{},"「圧縮する」ボタンをクリックし、処理完了まで待つ（ファイルサイズにより1〜5分程度）",[306,9473,9474],{},"ダウンロードして完成",[11,9476,9477],{},"ブラウザ内処理のため、初回ロード時にffmpeg.wasmのモジュール（数十MB）がキャッシュされる。2回目以降はオフライン環境でも動作する点は実用上の利点だ。",[11,9479,9480,9481,9483],{},"また、動画の解像度やアスペクト比を変更したい場合は、関連する ",[288,9482,7014],{"href":6059}," も参照すると用途に応じた設定がしやすい。",[15,9485],{},[18,9487,9488],{"id":9488},"ツール選択の比較",[31,9490,9491,9504],{},[34,9492,9493],{},[37,9494,9495,9497,9499,9502],{},[40,9496,1733],{},[40,9498,9415],{},[40,9500,9501],{},"オンラインサービス (Clipchamp等)",[40,9503,6929],{},[53,9505,9506,9516,9529,9541,9553,9566],{},[37,9507,9508,9510,9512,9514],{},[58,9509,1768],{},[58,9511,2619],{},[58,9513,1495],{},[58,9515,1495],{},[37,9517,9518,9520,9522,9527],{},[58,9519,2598],{},[58,9521,4338],{},[58,9523,9524],{},[309,9525,9526],{},"あり（外部クラウド）",[58,9528,2679],{},[37,9530,9531,9534,9536,9539],{},[58,9532,9533],{},"無料で使える",[58,9535,1977],{},[58,9537,9538],{},"△（制限あり）",[58,9540,1977],{},[37,9542,9543,9546,9548,9551],{},[58,9544,9545],{},"設定の細かさ",[58,9547,5909],{},[58,9549,9550],{},"低〜中",[58,9552,5895],{},[37,9554,9555,9557,9560,9563],{},[58,9556,1786],{},[58,9558,9559],{},"速い",[58,9561,9562],{},"サーバー依存",[58,9564,9565],{},"やや遅い",[37,9567,9568,9570,9572,9575],{},[58,9569,1040],{},[58,9571,1977],{},[58,9573,9574],{},"✕",[58,9576,9577],{},"○（初回後）",[11,9579,9580],{},"機密性の高い映像を扱う場合や、社内ポリシーで外部サービスへのデータ送信が制限されている環境では、サーバー送信なしで処理できるハンドブレーク系ツールかzerosendが現実的な選択肢になる。",[15,9582],{},[18,9584,444],{"id":444},[11,9586,9587],{},"Instagramの動画容量制限を超えた場合の対処法は、「推奨スペックに合わせたビットレート調整」が基本だ。解像度を落とす前にビットレートを絞ることで、視覚的な品質低下を最小限に抑えられる。",[11,9589,9590],{},"ツール選択の基準は次の2点に集約される。",[303,9592,9593,9599],{},[306,9594,9595,9598],{},[309,9596,9597],{},"ファイルを外部に送信できるか否か",": 機密度の高いコンテンツならローカル処理が必須",[306,9600,9601,9604],{},[309,9602,9603],{},"作業頻度と設定の自由度",": 定期的に圧縮するなら細かい設定ができるツールが長期的に使いやすい",[11,9606,9607,9608,9610],{},"オンラインサービスの利便性を保ちつつプライバシーを確保したいケースでは、ブラウザ内完結型の",[288,9609,6963],{"href":6962},"が要件を満たす一つの手段として機能する。",{"title":480,"searchDepth":481,"depth":481,"links":9612},[9613,9614,9615,9619,9622,9623],{"id":9274,"depth":481,"text":9275},{"id":9348,"depth":481,"text":9349},{"id":9403,"depth":481,"text":9403,"children":9616},[9617,9618],{"id":9406,"depth":486,"text":9407},{"id":9422,"depth":486,"text":9422},{"id":9437,"depth":481,"text":9438,"children":9620},[9621],{"id":9447,"depth":486,"text":9447},{"id":9488,"depth":481,"text":9488},{"id":444,"depth":481,"text":444},"Instagramの動画アップロード容量制限を解説し、画質を保ちながら圧縮する具体的な手順とブラウザだけで完結する無料ツールを紹介。",{},"\u002Fblog\u002Fvideo-compress-instagram-upload","2026-05-21",{"title":9269,"description":9624},"video-compress-instagram-upload","blog\u002Fvideo-compress-instagram-upload",[1289,1589,766,767],"H1a3ELYjbh2qNaortR0UdHQvlCOOrvdURKwyjesPHMk",{"id":9634,"title":9635,"author":6,"body":9636,"category":496,"coverImage":497,"description":9949,"draft":499,"extension":500,"locale":501,"meta":9950,"navigation":503,"noindex":499,"path":9951,"publishedAt":9952,"seo":9953,"slug":9954,"stem":9955,"tags":9956,"updatedAt":9952,"__hash__":9957},"blog\u002Fblog\u002Fimage-compress-no-quality-loss.md","画像圧縮で画質を落とさない方法と主要ツール徹底比較",{"type":8,"value":9637,"toc":9937},[9638,9642,9653,9656,9670,9673,9680,9682,9686,9689,9790,9797,9800,9811,9813,9817,9820,9824,9827,9838,9842,9851,9855,9858,9862,9865,9867,9871,9876,9890,9893,9900,9902,9904,9907,9925,9934],[18,9639,9641],{"id":9640},"圧縮したら画質が落ちたは設定の問題","「圧縮したら画質が落ちた」は設定の問題",[11,9643,9644,9645,9648,9649,9652],{},"画像を圧縮したあと、ぼやけた・色が飛んだ、という経験は珍しくない。原因のほとんどは",[309,9646,9647],{},"圧縮方式の選択ミス","か",[309,9650,9651],{},"品質パラメータの設定ミス","にある。",[11,9654,9655],{},"画像圧縮には大きく2種類がある。",[303,9657,9658,9664],{},[306,9659,9660,9663],{},[309,9661,9662],{},"可逆圧縮（ロスレス）",": データを完全に復元できる。PNG や WebP のロスレスモードが該当。ファイルサイズの削減幅は小さいが画質は一切変化しない。",[306,9665,9666,9669],{},[309,9667,9668],{},"非可逆圧縮（ロッシー）",": 人間の目に気づかれにくい情報を間引いてサイズを大幅に削減する。JPEG や WebP のロッシーモードが該当。品質値（Quality）の設定が仕上がりを左右する。",[11,9671,9672],{},"写真のような色数が多い画像には JPEG や WebP ロッシー（品質値 75〜85 程度）が向いている。ロゴ・アイコン・スクリーンショットのような図形・文字主体の画像は PNG ロスレスか WebP ロスレスを選ぶと画質劣化を避けられる。",[11,9674,9675,9676,9679],{},"フォーマット選択を間違えると、どれだけ品質値を上げても不要なアーティファクト（圧縮ノイズ）が乗ることがある。まず",[309,9677,9678],{},"用途に合ったフォーマットを選ぶ","のが画質維持の第一歩だ。",[15,9681],{},[18,9683,9685],{"id":9684},"主要ツールの比較画質プライバシーコスト","主要ツールの比較：画質・プライバシー・コスト",[11,9687,9688],{},"市場にはさまざまな圧縮ツールがある。以下の表は代表的なサービスの特徴をまとめたものだ。",[31,9690,9691,9709],{},[34,9692,9693],{},[37,9694,9695,9697,9699,9701,9703,9706],{},[40,9696,767],{},[40,9698,1031],{},[40,9700,2598],{},[40,9702,1471],{},[40,9704,9705],{},"ロスレス対応",[40,9707,9708],{},"WebP 出力",[53,9710,9711,9728,9743,9759,9776],{},[37,9712,9713,9715,9718,9721,9723,9726],{},[58,9714,1500],{},[58,9716,9717],{},"クラウド",[58,9719,9720],{},"TinyPNG社サーバー",[58,9722,1505],{},[58,9724,9725],{},"✗（ロッシーのみ）",[58,9727,9075],{},[37,9729,9730,9732,9734,9736,9738,9741],{},[58,9731,3653],{},[58,9733,1101],{},[58,9735,1087],{},[58,9737,1489],{},[58,9739,9740],{},"✓",[58,9742,9740],{},[37,9744,9745,9748,9750,9753,9755,9757],{},[58,9746,9747],{},"iLovePDF \u002F iLoveIMG",[58,9749,9717],{},[58,9751,9752],{},"iLove社サーバー",[58,9754,1548],{},[58,9756,9075],{},[58,9758,9075],{},[37,9760,9761,9764,9766,9769,9772,9774],{},[58,9762,9763],{},"Compressor.io",[58,9765,9717],{},[58,9767,9768],{},"Compressor社サーバー",[58,9770,9771],{},"1ファイル10MBまで",[58,9773,9740],{},[58,9775,9075],{},[37,9777,9778,9780,9782,9784,9786,9788],{},[58,9779,1484],{},[58,9781,1101],{},[58,9783,1087],{},[58,9785,1489],{},[58,9787,9740],{},[58,9789,9740],{},[11,9791,9792,9793,9796],{},"「送信先サーバーなし」の行が重要だ。TinyPNG や iLoveIMG はファイルを外部サーバーにアップロードして処理する。利便性は高いが、",[309,9794,9795],{},"社内資料・個人情報が含まれる画像・NDA対象のデザイン素材","をそのままアップロードするのはリスクがある。",[11,9798,9799],{},"ブラウザ内処理のツール（Squoosh・zerosend）は、ファイルが端末から外に出ない。DevTools の Network タブを開いて確認すれば、アップロード通信が発生していないことを実際に検証できる。",[11,9801,9802,9803,9806,9807,9810],{},"外部送信の可否を気にしない用途なら TinyPNG のような手軽なクラウドツールで十分だが、",[309,9804,9805],{},"機密性が求められるファイル","や",[309,9808,9809],{},"オフライン環境","ではブラウザ内処理一択になる。",[15,9812],{},[18,9814,9816],{"id":9815},"画質を落とさず圧縮する実践的な手順","画質を落とさず圧縮する：実践的な手順",[11,9818,9819],{},"ここでは汎用的な手順を示す。どのツールを使う場合も考え方は共通だ。",[26,9821,9823],{"id":9822},"_1-画像の種類を確認する","1. 画像の種類を確認する",[11,9825,9826],{},"まずファイルを目視確認する。",[303,9828,9829,9832,9835],{},[306,9830,9831],{},"写真・グラデーション → JPEG か WebP ロッシー",[306,9833,9834],{},"ロゴ・アイコン・図・スクリーンショット → PNG か WebP ロスレス",[306,9836,9837],{},"アニメーション → WebP アニメ か GIF",[26,9839,9841],{"id":9840},"_2-品質値qualityを-7585-から始める","2. 品質値（Quality）を 75〜85 から始める",[11,9843,9844,9845,9850],{},"JPEG・WebP ロッシーの場合、品質値 100 は「ほぼ無圧縮」に近い。75〜85 の範囲では人間の目でほぼ判別できない程度の差しか生じないことが多い。",[288,9846,9849],{"href":9847,"rel":9848},"https:\u002F\u002Fdevelopers.google.com\u002Fspeed\u002Fwebp\u002Fdocs\u002Fcompression",[292],"Google の WebP ドキュメント","でも、品質値 80 前後が画質とサイズのバランスの目安として示されている。",[26,9852,9854],{"id":9853},"_3-出力を元ファイルと並べて比較する","3. 出力を元ファイルと並べて比較する",[11,9856,9857],{},"ツールのプレビュー機能やブラウザの別タブを使い、元画像と圧縮後を 100% 表示で比較する。目立つ劣化がなければその設定で確定する。劣化があれば品質値を 5〜10 上げて再試行する。",[26,9859,9861],{"id":9860},"_4-ファイルサイズの削減率を確認する","4. ファイルサイズの削減率を確認する",[11,9863,9864],{},"目安として、品質 80 前後の JPEG 圧縮では元ファイルの 40〜70% 削減が期待できる。削減率が 10% 未満の場合は、すでに圧縮済みのファイルを再圧縮している可能性が高い。その場合は元の非圧縮ソースから変換し直したほうが効果が出る。",[15,9866],{},[18,9868,9870],{"id":9869},"zerosend-の画像圧縮ツールを使う場合","zerosend の画像圧縮ツールを使う場合",[11,9872,9873,9875],{},[288,9874,1391],{"href":437}," はブラウザ上で完結するため、ファイルをサーバーに送信しない。手順は次の通りだ。",[340,9877,9878,9881,9884,9887],{},[306,9879,9880],{},"ページを開き、画像ファイルをドラッグ&ドロップ（または「ファイルを選択」）",[306,9882,9883],{},"圧縮品質のスライダーで Quality 値を設定（デフォルトは 80）",[306,9885,9886],{},"出力フォーマットを選択（JPEG \u002F PNG \u002F WebP）",[306,9888,9889],{},"「圧縮する」ボタンを押してダウンロード",[11,9891,9892],{},"操作は4ステップで終わる。初回ロード後は Service Worker がリソースをキャッシュするため、次回以降はオフライン環境でも動作する。",[11,9894,9895,9896,9899],{},"なお、画像の縦横サイズを変更したい場合は別途リサイズ操作が必要になる。zerosend には",[288,9897,9898],{"href":1431},"画像変換・リサイズツール","も用意されているため、フォーマット変換と合わせて使うと作業をまとめられる。",[15,9901],{},[18,9903,444],{"id":444},[11,9905,9906],{},"画質を落とさない画像圧縮のポイントは3点に集約される。",[340,9908,9909,9915,9920],{},[306,9910,9911,9914],{},[309,9912,9913],{},"フォーマットを用途に合わせて選ぶ","（写真は JPEG\u002FWebP ロッシー、図形は PNG\u002FWebP ロスレス）",[306,9916,9917],{},[309,9918,9919],{},"品質値は 75〜85 を起点に調整する",[306,9921,9922],{},[309,9923,9924],{},"出力を元画像と並べて目視確認してから確定する",[11,9926,9927,9928,9933],{},"ツール選びでは、ファイルの機密性に応じて「クラウド処理か・ブラウザ内処理か」を判断軸にするとよい。業務上の機密ファイルや個人情報を含む画像を扱う場合は、",[288,9929,9932],{"href":9930,"rel":9931},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FSecurity\u002FSame-origin_policy",[292],"MDN の Same-origin policy"," が示すように、データをどこに送るかを意識することが基本のセキュリティ習慣だ。",[11,9935,9936],{},"クラウド送信を避けたい場面では Squoosh か zerosend のようなブラウザ内処理ツールが現実的な選択肢になる。どちらも無料で使えるため、用途と状況に合わせて使い分けるのが合理的だ。",{"title":480,"searchDepth":481,"depth":481,"links":9938},[9939,9940,9941,9947,9948],{"id":9640,"depth":481,"text":9641},{"id":9684,"depth":481,"text":9685},{"id":9815,"depth":481,"text":9816,"children":9942},[9943,9944,9945,9946],{"id":9822,"depth":486,"text":9823},{"id":9840,"depth":486,"text":9841},{"id":9853,"depth":486,"text":9854},{"id":9860,"depth":486,"text":9861},{"id":9869,"depth":481,"text":9870},{"id":444,"depth":481,"text":444},"画質を維持したまま画像を圧縮する方法を解説。TinyPNG・Squoosh・zerosenの比較表つき。ブラウザだけで完結する無料ツールの使い方も紹介。",{},"\u002Fblog\u002Fimage-compress-no-quality-loss","2026-05-20",{"title":9635,"description":9949},"image-compress-no-quality-loss","blog\u002Fimage-compress-no-quality-loss",[1589,3132,766,512],"pk18n9a2D8WNh5OnONKHkKjSLlJ65Fn-8M2XXUJxXpc",{"id":9959,"title":9960,"author":6,"body":9961,"category":496,"coverImage":497,"description":10288,"draft":499,"extension":500,"locale":501,"meta":10289,"navigation":503,"noindex":499,"path":10290,"publishedAt":10291,"seo":10292,"slug":10293,"stem":10294,"tags":10295,"updatedAt":10291,"__hash__":10296},"blog\u002Fblog\u002Fjpeg-png-webp-difference.md","JPEG・PNG・WebP の違いと使い分け完全ガイド｜どれを選ぶべきか",{"type":8,"value":9962,"toc":10268},[9963,9966,9968,9972,9976,9987,9991,10002,10006,10023,10025,10029,10032,10067,10069,10158,10164,10166,10169,10172,10175,10178,10183,10186,10204,10207,10209,10212,10216,10219,10223,10226,10230,10233,10235,10237,10265],[11,9964,9965],{},"Webサイトに画像を掲載するとき、「JPEG でいいか、PNG の方がきれいか、最近よく聞く WebP はどう使うのか」と迷う場面は多い。形式を間違えると、ページの読み込みが遅くなったり、透過が消えて背景が白く塗りつぶされたりと、見た目や Core Web Vitals に直接影響する。本記事では三つの形式の仕組みから実際の選び方、変換の手順までを実践的に整理する。",[15,9967],{},[18,9969,9971],{"id":9970},"jpegpngwebpそれぞれ何が違うのか","JPEG・PNG・WebP、それぞれ何が違うのか",[26,9973,9975],{"id":9974},"jpegjpg","JPEG（.jpg）",[11,9977,9978,9979,9982,9983,9986],{},"JPEG は ",[309,9980,9981],{},"非可逆圧縮"," を採用した形式で、人間の目が感知しにくい色差情報を間引いてファイルサイズを小さくする。写真や複雑なグラデーションとの相性が良く、品質 75〜85 程度に設定すれば視覚的な劣化をほぼ感じさせずに大幅な軽量化が可能だ。ただし ",[309,9984,9985],{},"透過（アルファチャンネル）は非対応"," で、保存を繰り返すたびに画質が劣化する点に注意が必要。",[26,9988,9990],{"id":9989},"pngpng","PNG（.png）",[11,9992,9993,9994,9997,9998,10001],{},"PNG は ",[309,9995,9996],{},"可逆圧縮"," を採用しており、圧縮・解凍を繰り返しても元のピクセル情報が完全に保持される。ロゴ・アイコン・スクリーンショットなど、エッジが鋭くテキストを含む画像で威力を発揮する。",[309,9999,10000],{},"透過に対応"," しているため、背景を透明にしたロゴをWebサイトに配置する用途では事実上の標準。その分、写真のような複雑な色変化を含む画像ではファイルサイズが JPEG より大きくなりやすい。",[26,10003,10005],{"id":10004},"webpwebp","WebP（.webp）",[11,10007,10008,10009,10012,10013,10017,10018,10022],{},"WebP は Google が開発した形式で、",[309,10010,10011],{},"可逆・非可逆の両モードと透過","をすべてサポートする。",[288,10014,10016],{"href":3472,"rel":10015},[292],"Google の公式データ"," によると、非可逆 WebP は同等画質の JPEG に比べて約 25〜34% 小さく、可逆 WebP は同等の PNG より約 26% 小さい。",[288,10019,10021],{"href":3478,"rel":10020},[292],"Can I use のデータ"," では 2024 年時点で主要ブラウザのサポート率は 97% を超えており、実用上の互換性問題はほぼ解消されている。",[15,10024],{},[18,10026,10028],{"id":10027},"どれを使うべきか用途別の判断基準","どれを使うべきか：用途別の判断基準",[11,10030,10031],{},"迷ったときは次の三つの問いで絞り込める。",[340,10033,10034,10047,10057],{},[306,10035,10036,10039],{},[309,10037,10038],{},"写真か、テキスト・ロゴか？",[303,10040,10041,10044],{},[306,10042,10043],{},"写真 → WebP（次点で JPEG）",[306,10045,10046],{},"テキスト・ロゴ・イラスト → WebP（次点で PNG）",[306,10048,10049,10052],{},[309,10050,10051],{},"透過が必要か？",[303,10053,10054],{},[306,10055,10056],{},"必要 → WebP または PNG（JPEG は不可）",[306,10058,10059,10062],{},[309,10060,10061],{},"古いシステムや特定の印刷環境など WebP 非対応の環境か？",[303,10063,10064],{},[306,10065,10066],{},"該当する → JPEG（写真）または PNG（ロゴ等）にフォールバック",[26,10068,9008],{"id":9008},[31,10070,10071,10083],{},[34,10072,10073],{},[37,10074,10075,10077,10079,10081],{},[40,10076,2304],{},[40,10078,1406],{},[40,10080,1412],{},[40,10082,1418],{},[53,10084,10085,10097,10108,10121,10132,10145],{},[37,10086,10087,10089,10091,10094],{},[58,10088,6563],{},[58,10090,6566],{},[58,10092,10093],{},"可逆",[58,10095,10096],{},"可逆・非可逆両対応",[37,10098,10099,10102,10104,10106],{},[58,10100,10101],{},"透過（アルファ）",[58,10103,8550],{},[58,10105,8547],{},[58,10107,8547],{},[37,10109,10110,10113,10115,10118],{},[58,10111,10112],{},"ファイルサイズ（写真）",[58,10114,5895],{},[58,10116,10117],{},"大",[58,10119,10120],{},"小",[37,10122,10123,10126,10128,10130],{},[58,10124,10125],{},"ファイルサイズ（ロゴ等）",[58,10127,5901],{},[58,10129,5898],{},[58,10131,10120],{},[37,10133,10134,10137,10140,10142],{},[58,10135,10136],{},"ブラウザ対応",[58,10138,10139],{},"ほぼ全て",[58,10141,10139],{},[58,10143,10144],{},"97%超（2024年）",[37,10146,10147,10149,10152,10155],{},[58,10148,4100],{},[58,10150,10151],{},"写真・バナー",[58,10153,10154],{},"ロゴ・スクショ",[58,10156,10157],{},"Web全般",[11,10159,10160,10163],{},[309,10161,10162],{},"結論として、新規 Web 制作で特別な制約がなければ WebP を第一候補にする","のが現時点での合理的な選択だ。既存の JPEG・PNG 資産がある場合は、それらを WebP に変換することでページ速度の改善が見込める。",[15,10165],{},[18,10167,10168],{"id":10168},"実際に形式を変換する方法",[26,10170,10171],{"id":10171},"オンラインツールを使う場合の注意点",[11,10173,10174],{},"Smallpdf や TinyPNG、Adobe Express といった有名なオンラインツールは手軽だが、ファイルをいったんサーバーにアップロードして処理する仕組みをとっている。社外秘のスライドキャプチャや顧客データを含む画像を変換する際は、利用規約とプライバシーポリシーの確認が必要になる。",[26,10176,10177],{"id":10177},"ブラウザ内で処理する方法",[11,10179,9153,10180,10182],{},[288,10181,3596],{"href":1431}," を使うとブラウザ内だけで変換が完結する。WebAssembly ベースで動作するため、ファイルは外部に送信されない。DevTools の Network タブを開いた状態で変換を実行しても、画像データの通信が発生しないことを自分で確認できる。",[11,10184,10185],{},"操作手順は次のとおりだ。",[340,10187,10188,10192,10195,10198,10201],{},[306,10189,10190,8745],{},[288,10191,3596],{"href":1431},[306,10193,10194],{},"変換したいファイルをドラッグ＆ドロップ、または「ファイルを選択」からアップロード",[306,10196,10197],{},"出力形式（JPEG \u002F PNG \u002F WebP）を選択する",[306,10199,10200],{},"必要に応じて品質を調整し、「変換」を実行",[306,10202,10203],{},"変換後のファイルをダウンロードする",[11,10205,10206],{},"初回ロード後は Service Worker によってキャッシュされるため、オフライン環境でも動作する。",[15,10208],{},[18,10210,10211],{"id":10211},"よくある誤解と落とし穴",[26,10213,10215],{"id":10214},"png-は常に高画質は正確ではない","「PNG は常に高画質」は正確ではない",[11,10217,10218],{},"PNG は可逆圧縮なので情報の欠落はないが、ファイルサイズが大きくなりやすく、ページ速度に悪影響を与えることがある。写真を PNG で保存しても画質は上がらず、サイズだけが増える。写真は WebP か JPEG を使う方が現実的だ。",[26,10220,10222],{"id":10221},"webp-は古いブラウザで使えないは今や過去の話","「WebP は古いブラウザで使えない」は今や過去の話",[11,10224,10225],{},"Internet Explorer の終了（2022 年 6 月）以降、主要なビジネス環境で WebP が表示できないケースは大幅に減った。社内システムが特定の旧ブラウザを強制している場合を除き、WebP の採用を躊躇う理由は薄い。",[26,10227,10229],{"id":10228},"jpeg-の再保存劣化は累積する","JPEG の再保存劣化は累積する",[11,10231,10232],{},"JPEG を編集・保存するたびに非可逆圧縮が適用され、画質が段階的に落ちる。マスターデータは PNG や WebP（可逆モード）で保管し、配布・公開用に JPEG や非可逆 WebP を都度書き出す運用が望ましい。",[15,10234],{},[18,10236,444],{"id":444},[303,10238,10239,10244,10250,10256],{},[306,10240,10241,10243],{},[309,10242,10151],{}," → WebP（互換性が問題なければ）、次点で JPEG",[306,10245,10246,10249],{},[309,10247,10248],{},"ロゴ・アイコン・透過が必要な画像"," → WebP または PNG",[306,10251,10252,10255],{},[309,10253,10254],{},"新規 Web 制作全般"," → WebP を基本とし、フォールバックが必要な場合のみ JPEG\u002FPNG を使う",[306,10257,10258,10261,10262,10264],{},[309,10259,10260],{},"変換時にファイルをサーバーに送りたくない場合"," → ブラウザ完結型の ",[288,10263,3596],{"href":1431}," が選択肢になる",[11,10266,10267],{},"形式の選択一つで LCP（Largest Contentful Paint）や CLS（Cumulative Layout Shift）といった Core Web Vitals 指標に影響が出る。小さな意思決定の積み重ねがページ全体のパフォーマンスと SEO に効いてくる。",{"title":480,"searchDepth":481,"depth":481,"links":10269},[10270,10275,10278,10282,10287],{"id":9970,"depth":481,"text":9971,"children":10271},[10272,10273,10274],{"id":9974,"depth":486,"text":9975},{"id":9989,"depth":486,"text":9990},{"id":10004,"depth":486,"text":10005},{"id":10027,"depth":481,"text":10028,"children":10276},[10277],{"id":9008,"depth":486,"text":9008},{"id":10168,"depth":481,"text":10168,"children":10279},[10280,10281],{"id":10171,"depth":486,"text":10171},{"id":10177,"depth":486,"text":10177},{"id":10211,"depth":481,"text":10211,"children":10283},[10284,10285,10286],{"id":10214,"depth":486,"text":10215},{"id":10221,"depth":486,"text":10222},{"id":10228,"depth":486,"text":10229},{"id":444,"depth":481,"text":444},"JPEG・PNG・WebP の違いを画質・ファイルサイズ・透過・対応ブラウザの観点で比較。Web担当者やビジネスパーソンが迷わず形式を選べるよう実践的に解説します。",{},"\u002Fblog\u002Fjpeg-png-webp-difference","2026-05-19",{"title":9960,"description":10288},"jpeg-png-webp-difference","blog\u002Fjpeg-png-webp-difference",[510,1290,512,513],"ujsPEsytshuAU3B551cWPW0kfSv4w7gvSymxaftYNg0",{"id":10298,"title":10299,"author":6,"body":10300,"category":496,"coverImage":497,"description":10577,"draft":499,"extension":500,"locale":501,"meta":10578,"navigation":503,"noindex":499,"path":10579,"publishedAt":10580,"seo":10581,"slug":10582,"stem":10583,"tags":10584,"updatedAt":10580,"__hash__":10585},"blog\u002Fblog\u002Fpdf-merge-free-no-signup.md","PDF結合を無料・登録不要でやる方法と選び方【2026年版】",{"type":8,"value":10301,"toc":10561},[10302,10305,10308,10310,10314,10317,10321,10324,10328,10335,10339,10342,10344,10347,10350,10354,10363,10367,10370,10374,10377,10379,10381,10474,10479,10481,10485,10488,10506,10509,10517,10519,10521,10527,10533,10538,10548,10550,10552,10555],[11,10303,10304],{},"複数のPDFファイルを1つにまとめたい場面は、日常業務でも頻繁に起きる。見積書と仕様書を一緒に送りたい、月次レポートを一本化したい、スキャンした書類を整理したい——目的は様々でも、「手軽にできる無料ツールが欲しい」という需要は共通している。",[11,10306,10307],{},"検索すると多数のツールがヒットするが、「アカウント登録が必要」「無料枠に制限がある」「ファイルをサーバーにアップロードする」といった制約が後から判明することも多い。この記事では、登録不要・完全無料でPDFを結合する方法を整理し、ツール選択の基準も明確にする。",[15,10309],{},[18,10311,10313],{"id":10312},"pdfを結合する主な方法","PDFを結合する主な方法",[11,10315,10316],{},"PDFを結合する手段は大きく3種類ある。",[26,10318,10320],{"id":10319},"_1-デスクトップアプリを使う","1. デスクトップアプリを使う",[11,10322,10323],{},"Adobe AcrobatやMacのプレビューアプリがこれにあたる。Mac標準のプレビューであれば追加インストール不要で結合でき、ファイルは手元で完結する。ただしWindowsユーザーには使えず、Adobe Acrobatは有料プランが前提となる。",[26,10325,10327],{"id":10326},"_2-オンラインツールを使う","2. オンラインツールを使う",[11,10329,10330,10331,10334],{},"SmallpdfやiLovePDFは代表的なオンラインPDF結合ツールで、直感的なUIと多機能が強みだ。ただし、",[309,10332,10333],{},"ファイルはいったんサービスのサーバーにアップロードされる","。利用規約上は処理後に削除されるとしているツールが多いが、機密度の高い書類や個人情報を含むPDFには使いにくい場面もある。また、SmallpdfとiLovePDFはいずれも無料枠に1日あたりの処理件数制限や、機能制限がある。",[26,10336,10338],{"id":10337},"_3-ブラウザ内処理ツールを使う","3. ブラウザ内処理ツールを使う",[11,10340,10341],{},"近年、WebAssembly（WASM）の普及によって、ブラウザだけで重い処理を完結させるツールが増えている。ファイルをサーバーに送らずにPDFを結合できるため、機密書類でも安心して使える。登録不要・完全無料で提供されているものもある。",[15,10343],{},[18,10345,10346],{"id":10346},"ツール選択の3つの基準",[11,10348,10349],{},"PDF結合ツールを選ぶ際に確認すべき点は以下の3つだ。",[26,10351,10353],{"id":10352},"ファイルがどこに送られるか","① ファイルがどこに送られるか",[11,10355,10356,10357,10362],{},"「無料」であっても、ファイルをサーバーにアップロードするツールはデータが外部に渡るリスクがある。ブラウザのDevToolsのNetworkタブを開いてファイル選択後の通信を確認する方法が最も確実だ。サーバーへの送信が気になる場合は、",[288,10358,10361],{"href":10359,"rel":10360},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fprivacy-principles\u002F",[292],"W3C Privacy Principles"," にあるように「データを最小化すること」が設計原則として重視されており、ブラウザ内完結型はその実践例にあたる。",[26,10364,10366],{"id":10365},"登録ログインが必要かどうか","② 登録・ログインが必要かどうか",[11,10368,10369],{},"メールアドレスの登録が必要なツールは、マーケティングメールが届くリスクがある。業務でスポット的に使いたい場合は、アカウント不要で動くツールが便利だ。",[26,10371,10373],{"id":10372},"ファイル数ページ数の制限","③ ファイル数・ページ数の制限",[11,10375,10376],{},"無料プランのままで何件でも処理できるかを確認する。SmallpdfやiLovePDFは日次の処理件数に上限があるため、量が多い日には不便になることがある。",[15,10378],{},[18,10380,2580],{"id":2580},[31,10382,10383,10399],{},[34,10384,10385],{},[37,10386,10387,10389,10391,10393,10396],{},[40,10388,3610],{},[40,10390,2598],{},[40,10392,4568],{},[40,10394,10395],{},"無料枠の制限",[40,10397,10398],{},"ページ数上限",[53,10400,10401,10416,10430,10444,10457],{},[37,10402,10403,10405,10407,10410,10413],{},[58,10404,1974],{},[58,10406,2644],{},[58,10408,10409],{},"一部機能で必要",[58,10411,10412],{},"1日2件まで",[58,10414,10415],{},"なし（無料枠内）",[37,10417,10418,10420,10422,10425,10428],{},[58,10419,1992],{},[58,10421,2644],{},[58,10423,10424],{},"不要（一部制限あり）",[58,10426,10427],{},"処理件数制限あり",[58,10429,1087],{},[37,10431,10432,10434,10437,10439,10442],{},[58,10433,2952],{},[58,10435,10436],{},"あり（Adobe クラウド）",[58,10438,2619],{},[58,10440,10441],{},"月2回まで",[58,10443,1087],{},[37,10445,10446,10449,10451,10453,10455],{},[58,10447,10448],{},"Mac プレビュー",[58,10450,4338],{},[58,10452,1495],{},[58,10454,1087],{},[58,10456,1087],{},[37,10458,10459,10462,10466,10468,10472],{},[58,10460,10461],{},"zerosend PDF結合",[58,10463,10464],{},[309,10465,2679],{},[58,10467,1495],{},[58,10469,10470],{},[309,10471,1087],{},[58,10473,1087],{},[11,10475,2056,10476,10478],{},[288,10477,620],{"href":619},"は、pdf-libをWASMベースでブラウザ内で動かしているため、ファイルは一切外部に送信されない。ブラウザのNetworkタブで通信を確認しても、PDFのアップロードは発生しない。",[15,10480],{},[18,10482,10484],{"id":10483},"zerosend-でpdfを結合する手順","zerosend でPDFを結合する手順",[11,10486,10487],{},"実際の操作は次の流れで完結する。",[340,10489,10490,10494,10497,10500,10503],{},[306,10491,10492,8745],{},[288,10493,620],{"href":619},[306,10495,10496],{},"「ファイルを追加」ボタンをクリックするか、ドラッグ＆ドロップでPDFを追加する",[306,10498,10499],{},"ファイルの並び順をドラッグで調整する（結合後のページ順になる）",[306,10501,10502],{},"「結合してダウンロード」ボタンをクリックする",[306,10504,10505],{},"処理はブラウザ内で実行され、完成したPDFが自動でダウンロードされる",[11,10507,10508],{},"登録不要で、操作から完了まで1分以内が目安だ。初回ロード後はService Workerによってキャッシュされるため、2回目以降はオフライン環境でも動作する。",[11,10510,10511,10512,10516],{},"処理の実装には ",[288,10513,10515],{"href":735,"rel":10514},[292],"pdf-lib","（MITライセンス）が使われており、ブラウザのJavaScriptエンジン上でPDFの結合・書き出しを行う。外部APIコールは発生しない。",[15,10518],{},[18,10520,1807],{"id":1807},[11,10522,10523,10526],{},[309,10524,10525],{},"Q. 結合できるPDFのファイル数に上限はあるか？","\nzerosendには現時点でファイル数の上限は設けていない。ただしファイルサイズが大きくなるほどブラウザのメモリを消費するため、非常に大量のファイルを一度に処理する場合はメモリ不足が起きる可能性がある。",[11,10528,10529,10532],{},[309,10530,10531],{},"Q. パスワード付きPDFは結合できるか？","\nパスワードで保護されたPDFは、先に保護を解除してから結合する必要がある。zerosendでは現時点でパスワード解除機能は別ツールとして提供していないため、Macのプレビューなどで事前に解除する方法が現実的だ。",[11,10534,10535,10537],{},[309,10536,1840],{},"\nブラウザベースのツールのため、iOS・Androidのモバイルブラウザからも利用できる。ただしファイル選択のUIがデスクトップと異なるため、大量のファイルを扱う作業はPCのほうが操作しやすい。",[11,10539,10540,10543,10544,10547],{},[309,10541,10542],{},"Q. 結合したPDFのファイルサイズが大きくなることはあるか？","\npdf-libによる結合では、各PDFのコンテンツをそのまま統合するため、基本的にはファイルサイズが単純に合算される。圧縮処理は別途行う必要がある。zerosendでは",[288,10545,10546],{"href":2403},"PDFの圧縮ツール","も提供しており、結合後のファイルサイズを削減したい場合に利用できる。",[15,10549],{},[18,10551,444],{"id":444},[11,10553,10554],{},"PDF結合ツールを選ぶ上でまず確認すべきは「ファイルがどこに行くか」だ。機密書類を扱う場合、ブラウザ内処理型のツールはサーバー送信リスクをゼロにする現実的な選択肢になる。",[11,10556,10557,10558,10560],{},"登録不要・制限なし・ブラウザ完結という条件をすべて満たすツールは選択肢が限られるが、zerosendの",[288,10559,620],{"href":619},"はその条件を満たしている。用途と要件に合わせて適切なツールを選んでほしい。",{"title":480,"searchDepth":481,"depth":481,"links":10562},[10563,10568,10573,10574,10575,10576],{"id":10312,"depth":481,"text":10313,"children":10564},[10565,10566,10567],{"id":10319,"depth":486,"text":10320},{"id":10326,"depth":486,"text":10327},{"id":10337,"depth":486,"text":10338},{"id":10346,"depth":481,"text":10346,"children":10569},[10570,10571,10572],{"id":10352,"depth":486,"text":10353},{"id":10365,"depth":486,"text":10366},{"id":10372,"depth":486,"text":10373},{"id":2580,"depth":481,"text":2580},{"id":10483,"depth":481,"text":10484},{"id":1807,"depth":481,"text":1807},{"id":444,"depth":481,"text":444},"複数のPDFを1つにまとめたい人向けに、登録不要で使える無料ツールの選び方と、ブラウザだけで完結するプライバシー安全な方法を解説します。",{},"\u002Fblog\u002Fpdf-merge-free-no-signup","2026-05-18",{"title":10299,"description":10577},"pdf-merge-free-no-signup","blog\u002Fpdf-merge-free-no-signup",[764,766,2509,767],"nFAy-QgqpsHcTKdZ_cbSwCweBBT5oQMIvm1R2ewOlNQ",{"id":10587,"title":10588,"author":6,"body":10589,"category":496,"coverImage":497,"description":10855,"draft":499,"extension":500,"locale":501,"meta":10856,"navigation":503,"noindex":499,"path":10857,"publishedAt":10858,"seo":10859,"slug":10860,"stem":10861,"tags":10862,"updatedAt":10858,"__hash__":10863},"blog\u002Fblog\u002Fvideo-to-gif-slack-teams.md","動画をGIFに変換してSlack・Teamsで共有する方法【ブラウザ完結】",{"type":8,"value":10590,"toc":10839},[10591,10595,10598,10603,10609,10615,10617,10621,10624,10628,10635,10638,10641,10643,10649,10651,10654,10657,10742,10747,10749,10753,10756,10796,10798,10802,10806,10809,10812,10820,10823,10826,10828,10830,10833],[18,10592,10594],{"id":10593},"slackやteamsで動画を送ると起きる問題","SlackやTeamsで動画を送ると起きる問題",[11,10596,10597],{},"画面収録やデモ映像をチームメンバーに共有したいとき、真っ先に思い浮かぶのはファイルを添付することだろう。しかしMP4やMOVをそのままSlackやMicrosoft Teamsに貼り付けると、いくつかの壁にぶつかる。",[11,10599,10600,10602],{},[309,10601,598],{},"がその代表だ。Slackの無料プランでは1ファイル最大1GB（ただし実運用では数十MBを超えると転送が重くなる）、Teamsも添付可能サイズはプランと設定によって異なり、数分の動画がそのまま通らないケースは珍しくない。",[11,10604,10605,10608],{},[309,10606,10607],{},"再生体験の問題","もある。動画ファイルは受信側がクリックして再生アプリを起動しなければならないため、チャットの文脈でパッと確認してもらいにくい。対してGIF形式であれば、SlackもTeamsもタイムライン上でそのまま自動再生される。ちょっとした操作手順やUIの動きを伝えるには、GIFのほうが圧倒的に手軽だ。",[11,10610,10611,10614],{},[309,10612,10613],{},"音声が不要な場面ではGIFで十分","というケースも多い。バグの再現手順、デザインのホバーエフェクト、スライドのトランジション確認——これらは音なしのループ映像で事足りる。",[15,10616],{},[18,10618,10620],{"id":10619},"gif変換でよく使われる手段とその注意点","GIF変換でよく使われる手段とその注意点",[11,10622,10623],{},"動画をGIFに変換する方法はいくつかある。それぞれの特徴を把握しておくと、用途に応じた選択がしやすい。",[26,10625,10627],{"id":10626},"オンラインツールwebサービス型","オンラインツール（Webサービス型）",[11,10629,10630,10631,10634],{},"Ezgif、Convertio、Adobe Expressなどが代表的だ。ブラウザからアクセスしてファイルをアップロードするだけで変換できる手軽さが魅力だが、",[309,10632,10633],{},"ファイルが外部サーバーにアップロードされる","点は見落とせない。業務上の画面収録や社内資料の映像を含む場合、情報セキュリティポリシーによってはそもそも利用できない。また無料プランでは変換後のファイルにウォーターマークが入ることもある。",[26,10636,10637],{"id":10637},"デスクトップアプリ",[11,10639,10640],{},"FFmpegをCLIで使う方法は自由度が高く、品質設定も細かく制御できる。ただし非エンジニアには敷居が高い。HandbrakeやGIFoxなどGUIアプリもあるが、インストール作業が発生するため、社用PCのソフトウェア管理が厳しい環境では導入できないことがある。",[26,10642,7463],{"id":7463},[11,10644,3825,10645,10648],{},[288,10646,2246],{"href":2135,"rel":10647},[292],"の普及により、FFmpegなどの処理をブラウザ内で直接実行できるツールが増えている。ファイルをサーバーに送らず、変換処理がすべてローカルで完結するため、セキュリティ上の懸念が少ない。",[15,10650],{},[18,10652,10653],{"id":10653},"ブラウザ内で変換する選択肢の比較",[11,10655,10656],{},"主な手段を以下の表で整理する。",[31,10658,10659,10674],{},[34,10660,10661],{},[37,10662,10663,10666,10668,10670,10672],{},[40,10664,10665],{},"ツール \u002F 方法",[40,10667,2598],{},[40,10669,1768],{},[40,10671,2628],{},[40,10673,3857],{},[53,10675,10676,10689,10701,10714,10727],{},[37,10677,10678,10680,10682,10684,10687],{},[58,10679,1047],{},[58,10681,3632],{},[58,10683,1495],{},[58,10685,10686],{},"基本無料",[58,10688,1087],{},[37,10690,10691,10693,10695,10697,10699],{},[58,10692,6043],{},[58,10694,3632],{},[58,10696,1495],{},[58,10698,1548],{},[58,10700,1087],{},[37,10702,10703,10705,10708,10710,10712],{},[58,10704,4307],{},[58,10706,10707],{},"あり（Adobe）",[58,10709,1495],{},[58,10711,3890],{},[58,10713,1087],{},[37,10715,10716,10719,10721,10723,10725],{},[58,10717,10718],{},"FFmpeg（CLI）",[58,10720,4338],{},[58,10722,6894],{},[58,10724,2628],{},[58,10726,1087],{},[37,10728,10729,10732,10736,10738,10740],{},[58,10730,10731],{},"zerosend 動画→GIF",[58,10733,10734],{},[309,10735,2679],{},[58,10737,1495],{},[58,10739,2628],{},[58,10741,1087],{},[11,10743,2056,10744,10746],{},[288,10745,1098],{"href":1097},"は、ffmpeg.wasmをブラウザ内で実行することで変換を完結させる。ファイルが外部に出ないことはDevToolsのNetworkタブで確認できる——これはツール側の主張ではなく、ユーザー自身が検証可能な事実だ。",[15,10748],{},[18,10750,10752],{"id":10751},"実際の変換手順zerosendを使う場合","実際の変換手順（zerosendを使う場合）",[11,10754,10755],{},"操作は単純で、以下の流れで完結する。",[340,10757,10758,10766,10772,10778,10784,10790],{},[306,10759,10760,10765],{},[309,10761,10762,10764],{},[288,10763,1098],{"href":1097},"にアクセスする","\nインストールもアカウント登録も不要。ブラウザだけで動作する。",[306,10767,10768,10771],{},[309,10769,10770],{},"変換したい動画ファイルをドラッグ＆ドロップ、またはファイル選択で読み込む","\nMP4、MOV、WebMなど主要な形式に対応している。",[306,10773,10774,10777],{},[309,10775,10776],{},"開始時間・終了時間を指定してトリミングする","\nSlackで共有するなら15〜30秒程度に絞ると、ファイルサイズが抑えられて表示も軽くなる。",[306,10779,10780,10783],{},[309,10781,10782],{},"フレームレートと解像度を調整する","\nGIFはフレーム数が多いほどファイルサイズが大きくなる。Slack・Teamsでの閲覧なら10〜15fps、幅640px前後が現実的な落としどころだ。",[306,10785,10786,10789],{},[309,10787,10788],{},"「変換」を実行してダウンロードする","\n変換処理はブラウザ内で行われるため、インターネット接続が不安定な環境でも初回ロード後は動作する。",[306,10791,10792,10795],{},[309,10793,10794],{},"GIFをSlack \u002F Teamsに貼り付ける","\nチャット入力欄にドラッグ＆ドロップするか、クリップボードから貼り付けると、タイムライン上でそのまま自動再生される。",[15,10797],{},[18,10799,10801],{"id":10800},"gif変換で失敗しないためのポイント","GIF変換で失敗しないためのポイント",[26,10803,10805],{"id":10804},"ファイルサイズは8mb以下を目安にする","ファイルサイズは「8MB以下」を目安にする",[11,10807,10808],{},"Slackはインラインプレビューされるファイルサイズに実質的な上限がある。経験則として8MB以下に収めると表示が安定しやすい。フレームレートを下げる、解像度を縮小する、尺を短くする——この三つを組み合わせると大幅に削減できる。",[26,10810,10811],{"id":10811},"カラー数を減らすとさらに軽くなる",[11,10813,10814,10815,10819],{},"GIFは最大256色までしか扱えない仕様（",[288,10816,10818],{"href":1225,"rel":10817},[292],"W3C GIF仕様","参照）だ。色数を128色や64色に落とすオプションがツールに存在する場合は活用すると良い。画面収録のようにUI要素が多い映像では、色数を減らしても見た目への影響は軽微なことが多い。",[26,10821,10822],{"id":10822},"機密情報が映り込んでいないか確認する",[11,10824,10825],{},"変換前に動画を見直し、個人情報・社外秘データ・認証情報が画面に映っていないかチェックする。ブラウザ内処理ツールを使ってもこの確認は省けない。ツールの安全性とコンテンツの確認は別の問題だ。",[15,10827],{},[18,10829,444],{"id":444},[11,10831,10832],{},"動画をGIFに変換してSlack・Teamsで共有することで、ファイルサイズの問題を回避しつつチャット上で即座に内容を伝えられる。変換手段の選択にあたっては、「外部サーバーへのアップロードの有無」「インストール不要かどうか」「ウォーターマークの有無」の三点を確認するのが基本だ。",[11,10834,10835,10836,10838],{},"業務上の画面収録を扱う場合やセキュリティポリシーが厳しい環境では、ブラウザ内処理で完結するツールを選ぶことでリスクを低減できる。",[288,10837,1098],{"href":1097},"はその選択肢の一つとして機能する。目的と状況に合わせて使い分けてほしい。",{"title":480,"searchDepth":481,"depth":481,"links":10840},[10841,10842,10847,10848,10849,10854],{"id":10593,"depth":481,"text":10594},{"id":10619,"depth":481,"text":10620,"children":10843},[10844,10845,10846],{"id":10626,"depth":486,"text":10627},{"id":10637,"depth":486,"text":10637},{"id":7463,"depth":486,"text":7463},{"id":10653,"depth":481,"text":10653},{"id":10751,"depth":481,"text":10752},{"id":10800,"depth":481,"text":10801,"children":10850},[10851,10852,10853],{"id":10804,"depth":486,"text":10805},{"id":10811,"depth":486,"text":10811},{"id":10822,"depth":486,"text":10822},{"id":444,"depth":481,"text":444},"動画ファイルをGIFに変換してSlackやTeamsで手軽に共有する手順を解説。サーバー送信不要のブラウザ内処理ツールを含め、選択肢を比較して紹介。",{},"\u002Fblog\u002Fvideo-to-gif-slack-teams","2026-05-17",{"title":10588,"description":10855},"video-to-gif-slack-teams","blog\u002Fvideo-to-gif-slack-teams",[1289,1290,765,766],"956nuV64Yx4UnZ3QLrMDXHz_g0fFDH2xHCuirIxCGm8",{"id":10865,"title":10866,"author":6,"body":10867,"category":496,"coverImage":497,"description":11154,"draft":499,"extension":500,"locale":501,"meta":11155,"navigation":503,"noindex":499,"path":11156,"publishedAt":11157,"seo":11158,"slug":11159,"stem":11160,"tags":11161,"updatedAt":11157,"__hash__":11162},"blog\u002Fblog\u002Fheic-jpg-convert-guide.md","HEIC を JPG に変換する方法｜Windows・Mac 対応の完全ガイド",{"type":8,"value":10868,"toc":11138},[10869,10873,10876,10879,10882,10884,10888,10892,10895,10909,10912,10916,10919,10921,10925,10929,10932,10946,10949,10953,10956,10958,10961,10968,10971,10979,10982,11063,11065,11068,11071,11076,11079,11093,11096,11104,11106,11108,11111,11135],[18,10870,10872],{"id":10871},"heic-とは何かなぜ-jpg-に変換する必要があるのか","HEIC とは何か、なぜ JPG に変換する必要があるのか",[11,10874,10875],{},"HEIC（High Efficiency Image Container）は Apple が iOS 11 以降のデフォルト形式として採用した画像フォーマットです。同じ画質で JPEG の約半分のファイルサイズを実現できるため、iPhone や iPad のストレージ節約に効果的です。",[11,10877,10878],{},"しかし HEIC には大きな互換性の問題があります。Windows 標準の「フォト」アプリでは追加コーデックなしに開けず、多くの Web サービスやビジネス向けツールも HEIC 入稿に対応していません。社内資料への貼り付け、EC サイトへの商品画像アップロード、クライアントへのデータ納品など、「iPhoneで撮影したら開けなかった」というトラブルは日常的に発生します。",[11,10880,10881],{},"JPG（JPEG）はほぼすべての OS・ブラウザ・アプリで表示できる事実上の標準フォーマットです。ファイル共有やアップロードで困らないために、用途に応じて HEIC から JPG への変換が必要になります。",[15,10883],{},[18,10885,10887],{"id":10886},"windows-で-heic-を-jpg-に変換する方法","Windows で HEIC を JPG に変換する方法",[26,10889,10891],{"id":10890},"microsoft-store-のコーデックを使う無料","Microsoft Store のコーデックを使う（無料）",[11,10893,10894],{},"Windows 10 \u002F 11 では、Microsoft Store から「HEIF 画像拡張機能」をインストールすることで、フォトアプリで HEIC を開いて JPG として書き出せます。",[340,10896,10897,10900,10903,10906],{},[306,10898,10899],{},"Microsoft Store を開き「HEIF 画像拡張機能」を検索してインストール",[306,10901,10902],{},"HEIC ファイルをフォトアプリで開く",[306,10904,10905],{},"右上の「…」メニューから「名前を付けて保存」を選択",[306,10907,10908],{},"ファイルの種類を「JPEG」に変更して保存",[11,10910,10911],{},"枚数が少ない場合に有効ですが、複数ファイルの一括変換には向きません。また、コーデックのインストールが必要なため、共用 PC や会社端末では適用できないケースもあります。",[26,10913,10915],{"id":10914},"windows-のペイントを使う","Windows のペイントを使う",[11,10917,10918],{},"コーデックをインストール済みであれば、ペイントで HEIC を開いて「名前を付けて保存」から JPEG を選択できます。手順はシンプルですが、1枚ずつの作業になります。",[15,10920],{},[18,10922,10924],{"id":10923},"mac-で-heic-を-jpg-に変換する方法","Mac で HEIC を JPG に変換する方法",[26,10926,10928],{"id":10927},"プレビューアプリを使う標準機能","プレビューアプリを使う（標準機能）",[11,10930,10931],{},"Mac には標準で HEIC 対応の「プレビュー」アプリが付属しており、変換は数ステップで完了します。",[340,10933,10934,10937,10940,10943],{},[306,10935,10936],{},"HEIC ファイルをプレビューで開く",[306,10938,10939],{},"メニューバーから「ファイル」→「書き出す」を選択",[306,10941,10942],{},"フォーマットを「JPEG」に変更し、画質スライダーで品質を調整",[306,10944,10945],{},"「保存」をクリック",[11,10947,10948],{},"複数ファイルをまとめて変換したい場合は、Finder で HEIC ファイルを複数選択した状態でプレビューを開き、「ファイル」→「書き出す」を実行すると一括処理できます。",[26,10950,10952],{"id":10951},"automator-または-ショートカットアプリを使う","automator または ショートカットアプリを使う",[11,10954,10955],{},"macOS Monterey 以降では「ショートカット」アプリに「画像を変換」アクションがあり、HEIC → JPEG の自動化フローを構築できます。定期的に大量の変換が必要な場合に便利です。",[15,10957],{},[18,10959,10960],{"id":10960},"オンラインツールで変換する場合の注意点",[11,10962,10963,10964,10967],{},"「HEIC JPG 変換」で検索すると、Smallpdf・iLovePDF・Convertio など多数のオンライン変換サービスが見つかります。ブラウザから利用できる手軽さがある一方で、",[309,10965,10966],{},"ファイルがサービスのサーバーにアップロードされる","という点には注意が必要です。",[11,10969,10970],{},"個人の記念写真、企業の商品画像、契約書類の添付ファイルなど、内容によってはアップロード自体がセキュリティリスクになり得ます。各サービスのプライバシーポリシーで「アップロードされたファイルの保持期間」「サードパーティとの共有可否」を確認する習慣をつけることを推奨します。",[11,10972,10973,10974,10978],{},"参考: ",[288,10975,10977],{"href":729,"rel":10976},[292],"MDN Web Docs — File API"," では、ブラウザがローカルファイルを読み取る仕組みが解説されており、サーバー送信なしに処理できる技術的な背景を理解できます。",[26,10980,10981],{"id":10981},"ツール別の比較",[31,10983,10984,10999],{},[34,10985,10986],{},[37,10987,10988,10990,10992,10994,10996],{},[40,10989,767],{},[40,10991,1031],{},[40,10993,2598],{},[40,10995,1471],{},[40,10997,10998],{},"一括変換",[53,11000,11001,11015,11027,11040],{},[37,11002,11003,11005,11007,11010,11013],{},[58,11004,1974],{},[58,11006,9717],{},[58,11008,11009],{},"あり（EU サーバー）",[58,11011,11012],{},"1日2ファイルまで",[58,11014,1977],{},[37,11016,11017,11019,11021,11023,11025],{},[58,11018,1992],{},[58,11020,9717],{},[58,11022,1984],{},[58,11024,1548],{},[58,11026,1977],{},[37,11028,11029,11031,11033,11035,11038],{},[58,11030,6043],{},[58,11032,9717],{},[58,11034,1984],{},[58,11036,11037],{},"100MB\u002F月",[58,11039,1977],{},[37,11041,11042,11047,11051,11055,11059],{},[58,11043,11044],{},[309,11045,11046],{},"zerosend HEIC → JPG",[58,11048,11049],{},[309,11050,1101],{},[58,11052,11053],{},[309,11054,1087],{},[58,11056,11057],{},[309,11058,3661],{},[58,11060,11061],{},[309,11062,1977],{},[15,11064],{},[18,11066,11067],{"id":11067},"サーバーに送信しないブラウザ内変換という選択肢",[11,11069,11070],{},"プライバシーを優先したい場合や、社外秘のファイルを扱う場合は、ブラウザ内だけで処理が完結するツールを選ぶのが合理的です。",[11,11072,11073,11075],{},[288,11074,8737],{"href":8736}," は、WebAssembly（WASM）を使ってブラウザ内で変換処理を実行します。ファイルは外部サーバーに一切送信されないため、DevTools の Network タブでも通信が発生しないことを確認できます。登録不要・完全無料で、複数ファイルの一括変換にも対応しています。",[11,11077,11078],{},"操作手順はシンプルです。",[340,11080,11081,11084,11087,11090],{},[306,11082,11083],{},"ページを開き、HEIC ファイルをドラッグ＆ドロップ（または「ファイルを選択」）",[306,11085,11086],{},"変換後の品質（JPEG クオリティ）を必要に応じて調整",[306,11088,11089],{},"「変換する」ボタンをクリック",[306,11091,11092],{},"変換完了後に JPG ファイルをダウンロード",[11,11094,11095],{},"初回ロード後は Service Worker によってキャッシュされるため、オフライン環境でも動作します。Windows・Mac の両方で同じ手順で使えます。",[11,11097,11098,11099,11103],{},"WebAssembly の仕組みについては ",[288,11100,11102],{"href":818,"rel":11101},[292],"W3C の WebAssembly 仕様"," も参照してください。",[15,11105],{},[18,11107,444],{"id":444},[11,11109,11110],{},"HEIC を JPG に変換する主な方法を整理します。",[303,11112,11113,11119,11125,11130],{},[306,11114,11115,11118],{},[309,11116,11117],{},"Windows",": Microsoft Store のコーデックをインストール後、フォトアプリで保存",[306,11120,11121,11124],{},[309,11122,11123],{},"Mac",": 標準のプレビューアプリから「書き出す」で JPEG を選択",[306,11126,11127,11129],{},[309,11128,364],{},": 手軽だがサーバーへのファイル送信が伴う点を把握して使う",[306,11131,11132,11134],{},[309,11133,7463],{},": プライバシーを優先したい場合の選択肢",[11,11136,11137],{},"使用頻度や扱うファイルの性質に応じて、最適な方法を選んでください。OS 標準機能は追加コストがなく安全ですが、複数ファイルの一括変換やデバイスを選ばない手軽さを求める場合は、ブラウザ内処理のツールが実用的な選択肢になります。",{"title":480,"searchDepth":481,"depth":481,"links":11139},[11140,11141,11145,11149,11152,11153],{"id":10871,"depth":481,"text":10872},{"id":10886,"depth":481,"text":10887,"children":11142},[11143,11144],{"id":10890,"depth":486,"text":10891},{"id":10914,"depth":486,"text":10915},{"id":10923,"depth":481,"text":10924,"children":11146},[11147,11148],{"id":10927,"depth":486,"text":10928},{"id":10951,"depth":486,"text":10952},{"id":10960,"depth":481,"text":10960,"children":11150},[11151],{"id":10981,"depth":486,"text":10981},{"id":11067,"depth":481,"text":11067},{"id":444,"depth":481,"text":444},"iPhoneで撮影したHEICファイルをWindows・MacでJPGに変換する方法を解説。オンラインツールやOS標準機能の使い方、プライバシーリスクの注意点まで網羅。",{},"\u002Fblog\u002Fheic-jpg-convert-guide","2026-05-16",{"title":10866,"description":11154},"heic-jpg-convert-guide","blog\u002Fheic-jpg-convert-guide",[510,1290,766,767],"VvqpXEGZvGTHdWIQUsxJv-msb3UpYMBDbkpScUqDO4Q",{"id":11164,"title":11165,"author":6,"body":11166,"category":496,"coverImage":497,"description":11308,"draft":499,"extension":500,"locale":501,"meta":11309,"navigation":503,"noindex":499,"path":11310,"publishedAt":11311,"seo":11312,"slug":11313,"stem":11314,"tags":11315,"updatedAt":11311,"__hash__":11316},"blog\u002Fblog\u002Fqr-code-business-card.md","QRコード付き名刺を無料で作成する方法｜初心者でも5分で完成",{"type":8,"value":11167,"toc":11300},[11168,11172,11175,11178,11181,11183,11187,11190,11196,11202,11208,11214,11216,11219,11225,11232,11234,11265,11267,11271,11274,11280,11286,11292,11294],[18,11169,11171],{"id":11170},"qrコード付き名刺が今どき求められる理由","QRコード付き名刺が今どき求められる理由",[11,11173,11174],{},"名刺交換の場面で「URLが長くて打ち込むのが大変」「SNSのプロフィールを伝えたいけど口頭では難しい」と感じたことはないでしょうか。QRコードを名刺に載せておくと、スマートフォンをかざすだけでWebサイト・ポートフォリオ・SNSページへ誘導できます。相手の手間が大幅に減るため、展示会や商談、フリーランスの営業活動など幅広いシーンで活用が広がっています。",[11,11176,11177],{},"また、QRコードを使うメリットはアクセスのしやすさだけではありません。URLを後から変更したい場合でも、QRコードが指すリンク先（自分のプロフィールページなど）を更新すれば対応できるため、名刺を刷り直す手間を減らせることも見逃せないポイントです。",[11,11179,11180],{},"一方で「QRコードってどうやって作るの？」「無料でちゃんとしたものが作れるの？」という疑問を持つ方も多いでしょう。結論から言えば、専用ソフトを購入したりデザイン会社に依頼したりしなくても、無料のオンラインツールで十分なクオリティのQRコードが作れます。",[15,11182],{},[18,11184,11186],{"id":11185},"qrコードを無料で作成するときに気をつけたいこと","QRコードを無料で作成するときに気をつけたいこと",[11,11188,11189],{},"無料ツールは数多く存在しますが、選ぶ際に注意したい点がいくつかあります。",[11,11191,11192,11195],{},[309,11193,11194],{},"画質・サイズの問題","\n名刺に印刷するQRコードは、画面表示とは異なり一定以上の解像度が必要です。低解像度のPNGしか出力できないツールだと、印刷時にぼやけて読み取りエラーが起きることがあります。SVG形式（拡大しても劣化しないベクター形式）で出力できるツールを選ぶと安心です。",[11,11197,11198,11201],{},[309,11199,11200],{},"個人情報の取り扱い","\n名刺に載せるURLには、自分のWebサイトや連絡先ページなど、ある程度個人に紐づいた情報が含まれます。ツールによっては入力した文字列をサーバーに送信・ログとして記録しているケースもあるため、プライバシーの観点から確認が必要です。",[11,11203,11204,11207],{},[309,11205,11206],{},"登録不要かどうか","\nメールアドレス登録やアカウント作成が必須のツールは、手軽さという面でハードルが上がります。すぐに試せる登録不要のツールを選ぶと、作業効率が上がります。",[11,11209,11210,11213],{},[309,11211,11212],{},"有料機能への誘導","\n「無料で使えると思ったら、ダウンロードだけ有料だった」というパターンも珍しくありません。出力まで完全無料かどうかを事前に確認しましょう。",[15,11215],{},[18,11217,11218],{"id":11218},"ブラウザだけで完結する無料ツールを使った作成手順",[11,11220,11221,11222,11224],{},"上記の注意点をまとめると、「高解像度出力・プライバシー配慮・登録不要・完全無料」の4条件を満たすツールが理想的です。そのひとつとして紹介したいのが、",[288,11223,3272],{"href":3271},"です。",[11,11226,11227,11228,11231],{},"このツールの大きな特徴は、",[309,11229,11230],{},"入力したテキストやURLをサーバーに送信しない","点です。QRコードの生成処理がすべてブラウザ内で完結するため、入力した情報が外部に漏れる心配がありません。名刺に載せるURLや連絡先情報を扱う場合、この「ローカル処理」という仕組みは安心感につながります。",[26,11233,9447],{"id":9447},[340,11235,11236,11241,11247,11253,11259],{},[306,11237,11238,11240],{},[309,11239,393],{},"\nブラウザでツールにアクセスします。アカウント登録やインストールは不要です。",[306,11242,11243,11246],{},[309,11244,11245],{},"テキスト・URLを入力する","\n名刺に載せたいURL（自社サイト、ポートフォリオ、SNSプロフィールなど）を入力欄に貼り付けます。vCard形式のテキストを入力すれば、連絡先情報をまとめてQRコードに埋め込むこともできます。",[306,11248,11249,11252],{},[309,11250,11251],{},"プレビューを確認する","\n入力と同時にQRコードのプレビューが表示されます。スマートフォンのカメラで試し読みして、正しくリンク先に飛べるか確認しましょう。",[306,11254,11255,11258],{},[309,11256,11257],{},"ダウンロードする","\n問題がなければダウンロードボタンからQRコード画像を保存します。PNG・SVGなど用途に合わせて形式を選べます。名刺印刷用にはSVGを選ぶと、印刷会社に入稿する際に拡大・縮小しても画質が落ちません。",[306,11260,11261,11264],{},[309,11262,11263],{},"名刺デザインに配置する","\nダウンロードした画像をIllustratorやCanva、Word、PowerPointなど使い慣れたソフトの名刺テンプレートに貼り付ければ完成です。QRコードのサイズは名刺上で最低でも1.5cm角を確保すると読み取りやすくなります。",[15,11266],{},[18,11268,11270],{"id":11269},"名刺qrコードをより効果的に使うための3つのコツ","名刺QRコードをより効果的に使うための3つのコツ",[11,11272,11273],{},"QRコードを名刺に入れるだけで満足せず、もう一歩工夫すると効果が高まります。",[11,11275,11276,11279],{},[309,11277,11278],{},"① リンク先をスマートフォン対応ページにする","\nQRコードを読み取るのはスマートフォンがほとんどです。リンク先のページがモバイル非対応だと、せっかくアクセスしてもらっても離脱されてしまいます。リンク前にスマートフォンで表示確認をしておきましょう。",[11,11281,11282,11285],{},[309,11283,11284],{},"② QRコードの近くに一言添える","\n「詳細はこちらから」「ポートフォリオを見る」など、QRコードの下に小さくテキストを入れると、読み取る動機づけになります。特に年配の方や普段QRコードを使い慣れていない方への配慮として有効です。",[11,11287,11288,11291],{},[309,11289,11290],{},"③ 定期的にリンク先をチェックする","\nURLが変わった、ページを削除したなどの理由でQRコードが無効になるケースがあります。名刺を大量に印刷する前に、そして印刷後も定期的にリンク先が有効かどうか確認する習慣をつけましょう。",[15,11293],{},[11,11295,11296,11297,11299],{},"QRコード付き名刺は、紙の名刺とデジタル情報をつなぐシンプルながら強力な手段です。無料ツールを使えば費用をかけずに導入できるので、まだ試していない方はぜひ一度作成してみてください。プライバシーを気にする方には、ブラウザ内処理で安全に使える",[288,11298,3272],{"href":3271},"が選択肢のひとつになるはずです。",{"title":480,"searchDepth":481,"depth":481,"links":11301},[11302,11303,11304,11307],{"id":11170,"depth":481,"text":11171},{"id":11185,"depth":481,"text":11186},{"id":11218,"depth":481,"text":11218,"children":11305},[11306],{"id":9447,"depth":486,"text":9447},{"id":11269,"depth":481,"text":11270},"QRコード付き名刺を無料で作る手順を分かりやすく解説。ブラウザだけで完結するツールを使えば、個人情報をサーバーに送らず安全に作成できます。",{},"\u002Fblog\u002Fqr-code-business-card","2026-05-14",{"title":11165,"description":11308},"qr-code-business-card","blog\u002Fqr-code-business-card",[765,766,767,512],"dtuktKKVks5L4iUViZs0Kpr3jZT4jg5K9F0YQ75oXI8",{"id":11318,"title":11319,"author":6,"body":11320,"category":496,"coverImage":497,"description":11495,"draft":499,"extension":500,"locale":501,"meta":11496,"navigation":503,"noindex":499,"path":11497,"publishedAt":11498,"seo":11499,"slug":11500,"stem":11501,"tags":11502,"updatedAt":11498,"__hash__":11503},"blog\u002Fblog\u002Fogp-image-size-optimization.md","OGP画像のサイズ最適化ガイド｜SNSでキレイに表示される設定と作り方",{"type":8,"value":11321,"toc":11489},[11322,11326,11329,11335,11342,11344,11348,11351,11356,11370,11375,11386,11390,11398,11403,11408,11415,11418,11420,11424,11427,11432,11435,11440,11443,11448,11454,11459,11462,11464,11468,11475,11478,11481,11487],[18,11323,11325],{"id":11324},"ogp画像が崩れる切れる原因はサイズ指定にある","OGP画像が「崩れる」「切れる」原因はサイズ指定にある",[11,11327,11328],{},"SNSでURLをシェアしたとき、サムネイル画像が途中で切れていたり、極端に小さく表示されたりした経験はないでしょうか。あるいは、自分のサイトをX（旧Twitter）やFacebookに投稿したら、想定と全く違う画像が表示された、というケースもよく聞かれます。",[11,11330,11331,11332,11334],{},"こうした問題の多くは、OGP（Open Graph Protocol）画像のサイズが各プラットフォームの仕様と合っていないことが原因です。OGPはHTMLのmetaタグで設定するもので、",[283,11333,285],{},"に指定した画像がSNSカードのサムネイルとして使われます。しかし、画像サイズや縦横比が規定から外れていると、プラットフォーム側でトリミングされたり、表示をスキップされたりします。",[11,11336,11337,11338,11341],{},"さらに見落とされがちなのが、",[309,11339,11340],{},"ファイルサイズ（容量）の上限","です。画像の縦横ピクセル数が正しくても、ファイルが重すぎるとSNSのクローラーが取得に失敗し、画像なしのカードとして表示されることがあります。OGP画像の最適化は「ピクセル寸法」と「ファイル容量」の両方を意識する必要があります。",[15,11343],{},[18,11345,11347],{"id":11346},"各snsプラットフォームの推奨サイズ一覧","各SNS・プラットフォームの推奨サイズ一覧",[11,11349,11350],{},"OGP画像の最適なサイズはプラットフォームによって異なります。主要サービスの推奨値をまとめました。",[11,11352,11353],{},[309,11354,11355],{},"X（旧Twitter）",[303,11357,11358,11361,11364,11367],{},[306,11359,11360],{},"Summaryカード（小さいサムネイル）：144×144px以上、縦横比1:1",[306,11362,11363],{},"Summary Card with Large Image（横長サムネイル）：300×157px以上、縦横比2:1",[306,11365,11366],{},"推奨サイズ：1200×628px",[306,11368,11369],{},"ファイルサイズ上限：5MB（JPG\u002FPNG\u002FWebP）",[11,11371,11372],{},[309,11373,11374],{},"Facebook \u002F Meta",[303,11376,11377,11380,11383],{},[306,11378,11379],{},"最小サイズ：200×200px",[306,11381,11382],{},"推奨サイズ：1200×630px（縦横比1.91:1）",[306,11384,11385],{},"推奨ファイルサイズ：1MB以下",[11,11387,11388],{},[309,11389,244],{},[303,11391,11392,11395],{},[306,11393,11394],{},"推奨サイズ：1200×627px",[306,11396,11397],{},"ファイルサイズ上限：5MB",[11,11399,11400],{},[309,11401,11402],{},"Slack \u002F チャットツール",[303,11404,11405],{},[306,11406,11407],{},"og:imageを取得してプレビュー表示。1200×630px前後が無難",[11,11409,11410,11411,11414],{},"これらを横断的に見ると、",[309,11412,11413],{},"1200×630px（または1200×628px）"," という解像度がほぼすべてのサービスに対応できる事実上の標準サイズです。縦横比は約1.91:1を維持しつつ、JPEG品質を80〜85程度に抑えてファイルサイズを300KB以内に収めると、どの環境でも安定して表示されます。",[11,11416,11417],{},"ただし、既存の画像を流用する場合や、デザイン素材が別のアスペクト比で作られている場合は、リサイズ作業が必要になります。",[15,11419],{},[18,11421,11423],{"id":11422},"実践ogp画像を正しいサイズにリサイズする手順","実践：OGP画像を正しいサイズにリサイズする手順",[11,11425,11426],{},"OGP画像のリサイズ自体は難しい作業ではありませんが、いくつか気をつけたいポイントがあります。",[11,11428,11429],{},[309,11430,11431],{},"① 元画像の縦横比を確認する",[11,11433,11434],{},"元画像が正方形（1:1）や縦長の場合、単純にリサイズすると1200×630pxに収まらず、余白が生じたり主要な被写体が切り取られたりします。リサイズ前に、画像をどこを中心にトリミングするかを先に決めておくと作業がスムーズです。",[11,11436,11437],{},[309,11438,11439],{},"② 出力形式はJPEGかWebPを選ぶ",[11,11441,11442],{},"OGP画像には透過（アルファチャンネル）が不要なケースがほとんどです。PNGは品質が高い反面ファイルが重くなりやすいため、JPEGかWebPで書き出すのが現実的です。SNSのクローラーはWebPにも対応していますが、古いクローラーを考慮してJPEGを第一候補にするのが無難です。",[11,11444,11445],{},[309,11446,11447],{},"③ ツールを選ぶ：Photoshopがなくても問題ない",[11,11449,11450,11451,11453],{},"プロ向けの画像編集ソフトがなくても、ブラウザだけで完結するツールが充実しています。その一つとして ",[288,11452,384],{"href":383}," があります。このツールの特徴は、アップロードした画像がサーバーに送信されない点です。画像データはブラウザ内だけで処理されるため、社内資料や未公開のバナー画像を扱う場合でも、情報漏洩リスクを気にせず使えます。縦横のピクセル数を数値で直接指定できるので、1200×630pxに合わせる作業が直感的に行えます。",[11,11455,11456],{},[309,11457,11458],{},"④ リサイズ後にOGPキャッシュをクリアする",[11,11460,11461],{},"画像を差し替えても、SNS側のキャッシュが残っていると古い画像が表示され続けます。Xであれば「Card Validator」、Facebookであれば「Sharing Debugger」を使ってキャッシュを強制更新してください。ツールにURLを入力して「スクレイプ」または「デバッグ」を実行するだけで、新しい画像が反映されます。",[15,11463],{},[18,11465,11467],{"id":11466},"ogp画像の最適化がseoにも影響する理由","OGP画像の最適化がSEOにも影響する理由",[11,11469,11470,11471,11474],{},"OGPはSNS表示のための仕様であり、Googleの検索順位に直接影響するわけではありません。しかし、",[309,11472,11473],{},"間接的にSEOへのプラス効果","が期待できます。",[11,11476,11477],{},"SNSでシェアされたときに魅力的なサムネイルが表示されれば、クリック率が上がり、リンクが拡散されやすくなります。これがサイトへの流入増加につながり、滞在時間や被リンク獲得に好影響を与えます。また、画像ファイルのサイズを適切に絞ることはページの読み込み速度改善に直結し、Googleが重視するCore Web Vitalsの指標（特にLCPやFID）にも貢献します。",[11,11479,11480],{},"OGP画像を「SNS用の飾り」として後回しにしがちですが、サイトのパフォーマンスとブランド品質を底上げする実務的な施策として捉えると、優先度が変わってくるはずです。",[11,11482,11483,11484,11486],{},"まず手元にあるキービジュアルやアイキャッチ画像を1200×630px・300KB以内に整えるところから始めてみてください。専用ソフトが不要な環境であれば、前述した ",[288,11485,384],{"href":383}," のようなブラウザベースのツールを活用すると、余計な手間をかけずに作業を完結できます。",[15,11488],{},{"title":480,"searchDepth":481,"depth":481,"links":11490},[11491,11492,11493,11494],{"id":11324,"depth":481,"text":11325},{"id":11346,"depth":481,"text":11347},{"id":11422,"depth":481,"text":11423},{"id":11466,"depth":481,"text":11467},"OGP画像の推奨サイズや各SNSの仕様を解説。Twitterやog:imageが正しく表示されない原因と、ブラウザだけで完結する無料ツールを使った具体的な対処法を紹介します。",{},"\u002Fblog\u002Fogp-image-size-optimization","2026-05-12",{"title":11319,"description":11495},"ogp-image-size-optimization","blog\u002Fogp-image-size-optimization",[510,511,512,513],"vFmnOOpI18miO5dc45aHnh2lreN0Cp78eKyp9zmzXzY",{"id":11505,"title":11506,"author":6,"body":11507,"category":496,"coverImage":497,"description":11674,"draft":499,"extension":500,"locale":501,"meta":11675,"navigation":503,"noindex":499,"path":11676,"publishedAt":11677,"seo":11678,"slug":11679,"stem":11680,"tags":11681,"updatedAt":11677,"__hash__":11682},"blog\u002Fblog\u002Fsite-speed-image-optimization.md","サイト表示速度を改善する画像最適化の手順【初心者向け完全ガイド】",{"type":8,"value":11508,"toc":11666},[11509,11513,11516,11522,11525,11527,11531,11538,11544,11549,11554,11560,11563,11565,11569,11572,11575,11585,11587,11591,11598,11612,11615,11621,11623,11627,11630,11642,11648,11654,11656,11660,11663],[18,11510,11512],{"id":11511},"サイトが重い原因の多くは画像にある","サイトが重い原因の多くは「画像」にある",[11,11514,11515],{},"「ページの読み込みが遅い」という問題を抱えるサイトを調査すると、原因の大半が画像ファイルのサイズにあることが少なくありません。テキストや CSS・JavaScript のファイルサイズは数十〜数百 KB 程度に収まることが多いのに対し、最適化されていない画像は 1 枚で数 MB に達することもあります。",[11,11517,11518,11519,11521],{},"表示速度は単なる使い勝手の問題ではなく、SEO にも直接影響します。Google は Core Web Vitals（コアウェブバイタル）という指標をランキング要因の一つとして採用しており、その中の ",[309,11520,1313],{}," はページ内の最大要素が表示されるまでの時間を測ります。多くのケースでこの最大要素がメインビジュアルやヒーロー画像であるため、画像の最適化はスコア改善に直結します。",[11,11523,11524],{},"「画像を最適化しなければ」と分かっていても、何から手をつければいいか迷う方も多いでしょう。本記事では、実際の作業手順に沿って、具体的な方法を順を追って説明します。",[15,11526],{},[18,11528,11530],{"id":11529},"ステップ1適切な画像フォーマットを選ぶ","ステップ1：適切な画像フォーマットを選ぶ",[11,11532,11533,11534,11537],{},"画像最適化の第一歩は、",[309,11535,11536],{},"用途に合ったフォーマットを選ぶこと","です。よく使われる画像フォーマットとその特徴を整理します。",[11,11539,11540,11543],{},[309,11541,11542],{},"JPEG（JPG）","\n写真や色数の多い画像に適しています。背景が透明な画像には使えませんが、圧縮率が高くファイルサイズを小さくしやすいフォーマットです。",[11,11545,11546,11548],{},[309,11547,1412],{},"\n透明背景が必要な画像やロゴ、アイコンに向いています。可逆圧縮のため品質は保たれますが、写真には JPEG より重くなりがちです。",[11,11550,11551,11553],{},[309,11552,1418],{},"\nGoogle が開発したフォーマットで、JPEG や PNG と比べて同等の画質でファイルサイズを 25〜35% 程度削減できます。現在は主要ブラウザのほぼすべてで対応済みのため、新規でアップロードする画像は WebP を優先的に選ぶのがおすすめです。",[11,11555,11556,11559],{},[309,11557,11558],{},"AVIF","\nWebP よりさらに高い圧縮率を持つ次世代フォーマット。対応ブラウザは増えていますが、まだすべての環境で安定しているとは言えないため、WebP をフォールバックとして用意する構成が現実的です。",[11,11561,11562],{},"フォーマット選びだけで、ファイルサイズを大幅に削減できるケースがあります。まずは自分のサイトで使っている画像のフォーマットを確認し、古いフォーマットが混在していないかチェックしましょう。",[15,11564],{},[18,11566,11568],{"id":11567},"ステップ2表示サイズに合った解像度にリサイズする","ステップ2：表示サイズに合った解像度にリサイズする",[11,11570,11571],{},"フォーマットが適切でも、画像の解像度が表示サイズに対して過剰に大きいと、ファイルサイズは無駄に膨らみます。",[11,11573,11574],{},"例えば、ブログのサムネイル画像を 400px × 300px で表示するのに、4000px × 3000px の元画像をそのままアップロードしてしまうケースはよくあります。ブラウザは表示時に縮小処理を行いますが、ダウンロードするファイルは元のサイズのままです。これはユーザーの通信量を無駄に消費するだけでなく、レンダリングの負荷にもなります。",[11,11576,11577,11578,11581,11582,11584],{},"対処法としては、",[309,11579,11580],{},"実際に表示する最大幅に合わせて画像を事前にリサイズ","しておくことです。レスポンシブデザインを採用している場合は、デバイスごとに異なるサイズの画像を用意して ",[283,11583,5635],{}," 属性で出し分ける方法も有効です。",[15,11586],{},[18,11588,11590],{"id":11589},"ステップ3ファイルを圧縮してさらに軽量化する","ステップ3：ファイルを圧縮してさらに軽量化する",[11,11592,11593,11594,11597],{},"フォーマットとサイズを整えたうえで、さらにファイルサイズを削減できるのが",[309,11595,11596],{},"画像圧縮","です。圧縮には「可逆圧縮（ロスレス）」と「非可逆圧縮（ロッシー）」の2種類があります。",[303,11599,11600,11606],{},[306,11601,11602,11605],{},[309,11603,11604],{},"ロスレス圧縮","：画質を落とさずにファイルサイズを削減。PNG や WebP（ロスレスモード）で利用可能。",[306,11607,11608,11611],{},[309,11609,11610],{},"ロッシー圧縮","：多少の画質低下と引き換えに、より大きなサイズ削減が可能。JPEG や WebP（ロッシーモード）で利用可能。",[11,11613,11614],{},"Web 用の画像は品質 75〜85% 程度のロッシー圧縮でも、視覚的にはほとんど差を感じないことが多く、ファイルサイズを半分以下にできるケースもあります。",[11,11616,11617,11618,11620],{},"圧縮作業を手軽に行いたい場合、ブラウザだけで完結する",[288,11619,1391],{"href":437},"を使うと、インストール不要でドラッグ＆ドロップするだけで圧縮が完了します。このツールの特徴は、ファイルがサーバーに送信されず、すべての処理がブラウザ内で行われる点です。社内の素材や個人情報が含まれる可能性がある画像を扱う場合でも、外部にデータが漏れる心配がありません。プライバシーを重視したい方や、業務で使う画像を扱う機会が多い方にとっては安心できる選択肢の一つでしょう。",[15,11622],{},[18,11624,11626],{"id":11625},"ステップ4実装面での追加施策","ステップ4：実装面での追加施策",[11,11628,11629],{},"画像ファイル自体を最適化したあとは、HTML や CMS の設定を見直すことで、さらに表示速度を改善できます。",[11,11631,11632,11635,11636,11638,11639,11641],{},[309,11633,11634],{},"遅延読み込み（Lazy Load）の活用","\nファーストビューに表示されない画像は、最初からすべて読み込む必要はありません。",[283,11637,5573],{}," タグに ",[283,11640,1450],{}," を追加するだけで、スクロールに応じて画像を読み込む遅延読み込みが有効になります。ページの初期読み込み時間を短縮するシンプルかつ効果的な方法です。",[11,11643,11644,11647],{},[309,11645,11646],{},"キャッシュの設定","\n同じ画像を繰り返し取得しなくて済むように、適切なキャッシュ期間を設定することも大切です。サーバー側の設定や CDN を利用して、画像ファイルに長めのキャッシュ有効期限を設けましょう。",[11,11649,11650,11653],{},[309,11651,11652],{},"次世代フォーマットへの一括変換","\n既存のサイトで大量の JPEG・PNG 画像を WebP に変換したい場合、変換ツールを使って一括処理するのが効率的です。フォーマット変換と圧縮をあわせて行えるツールを活用すると、作業時間を大幅に短縮できます。",[15,11655],{},[18,11657,11659],{"id":11658},"まとめ画像最適化はやるかやらないかで差がつく","まとめ：画像最適化は「やるかやらないか」で差がつく",[11,11661,11662],{},"サイトの表示速度改善において、画像最適化は最もコストパフォーマンスの高い施策の一つです。適切なフォーマット選択、リサイズ、圧縮、そして実装面の工夫を組み合わせることで、ページの読み込み速度は大きく変わります。",[11,11664,11665],{},"特別な知識がなくても、今回紹介した手順をひとつずつ実践していくだけで、Core Web Vitals のスコア改善やユーザー体験の向上につながります。まずは手元のサイトで使っている画像を確認するところから始めてみてください。ツールを活用しながら、無理なく継続的に改善していくことが大切です。",{"title":480,"searchDepth":481,"depth":481,"links":11667},[11668,11669,11670,11671,11672,11673],{"id":11511,"depth":481,"text":11512},{"id":11529,"depth":481,"text":11530},{"id":11567,"depth":481,"text":11568},{"id":11589,"depth":481,"text":11590},{"id":11625,"depth":481,"text":11626},{"id":11658,"depth":481,"text":11659},"サイトの表示速度に直結する画像最適化の手順を解説。適切なフォーマット選択から圧縮ツールの活用まで、Web担当者がすぐ実践できる方法をまとめました。",{},"\u002Fblog\u002Fsite-speed-image-optimization","2026-05-10",{"title":11506,"description":11674},"site-speed-image-optimization","blog\u002Fsite-speed-image-optimization",[510,1589,513,1590],"PLI4t5XQWMDth9sXKNhJt9BOICsBXufdOxIemcvEq8E",{"id":11684,"title":11685,"author":6,"body":11686,"category":496,"coverImage":497,"description":12220,"draft":499,"extension":500,"locale":501,"meta":12221,"navigation":503,"noindex":499,"path":12222,"publishedAt":12223,"seo":12224,"slug":12225,"stem":12226,"tags":12227,"updatedAt":12228,"__hash__":12229},"blog\u002Fblog\u002Fwebp-convert-seo.md","WebP変換でSEOを改善する完全ガイド｜Core Web Vitals改善と安全な変換手順",{"type":8,"value":11687,"toc":12193},[11688,11692,11698,11705,11708,11710,11714,11718,11721,11731,11734,11737,11740,11744,11747,11749,11753,11756,11763,11779,11852,11854,11858,11861,11868,11871,11875,11984,11987,11989,11993,12011,12013,12032,12035,12038,12059,12062,12064,12067,12069,12073,12076,12079,12085,12088,12091,12094,12097,12099,12102,12104,12109,12112,12117,12120,12125,12128,12133,12139,12144,12147,12150,12170,12172,12176,12179,12182,12187,12190],[18,11689,11691],{"id":11690},"webp変換とseoの関係なぜ今これが重要なのか","WebP変換とSEOの関係——なぜ今これが重要なのか",[11,11693,11694,11695,2247],{},"PageSpeed InsightsやGoogle Search Consoleでサイトを計測すると、「次世代フォーマットで画像を配信してください」という指摘が出てくることが多い。この「次世代フォーマット」の筆頭が ",[309,11696,11697],{},"WebP（ウェブピー）",[11,11699,11700,11701,11704],{},"Googleが2021年以降、Core Web Vitals（CWV）を検索順位の評価要素に組み込んだことで、画像の最適化はSEOと直結する問題になった。JPEGやPNGをWebPに変換するだけで、同等の画質を保ちながらファイルサイズを ",[309,11702,11703],{},"平均25〜35%削減"," できる。この数字は、画像を多く使うECサイト・ブログ・ポートフォリオサイトにとって、ページ速度の体感差として現れる水準だ。",[11,11706,11707],{},"本記事では、WebP変換がSEOに与える具体的な効果、安全な変換方法の選び方、競合ツールとの比較、そして実際の運用への組み込み方を順を追って解説する。",[15,11709],{},[18,11711,11713],{"id":11712},"webp変換がseoに与える具体的な3つの効果","WebP変換がSEOに与える具体的な3つの効果",[26,11715,11717],{"id":11716},"lcplargest-contentful-paintの改善","LCP（Largest Contentful Paint）の改善",[11,11719,11720],{},"Core Web Vitalsの中でも特に注目度の高いLCPは、ページ内で最大の可視要素が描画されるまでの時間を測る指標だ。多くのページでLCPの対象はメインビジュアルや商品画像など、ファイルサイズの大きい画像要素になる。",[11,11722,11723,11727,11728,11730],{},[288,11724,11726],{"href":5567,"rel":11725},[292],"Googleのウェブ・パフォーマンスに関するドキュメント","によれば、LCPの目標値は ",[309,11729,5554],{}," とされている。WebPへの変換でネットワーク転送量が減れば、ダウンロード時間が短縮されLCPが改善する。2MBのJPEGが1.4MB程度のWebPに変わるだけで、モバイル回線では0.5秒前後の短縮につながるケースもある。",[26,11732,11733],{"id":11733},"ページ速度とユーザー行動シグナルの改善",[11,11735,11736],{},"ページの表示速度が速くなると、直帰率が下がりセッション時間が延びる傾向がある。Googleはこうしたユーザー行動のシグナルも評価の参考にしていると考えられており、間接的なSEO効果として機能する。",[11,11738,11739],{},"特にモバイル環境では、Wi-Fiより通信が不安定な4G\u002F5G回線でアクセスするユーザーが多い。軽量なWebPはこの差が体感しやすく、モバイルファーストインデックスへの対応としても有効だ。",[26,11741,11743],{"id":11742},"pagespeed-insightsスコアの向上","PageSpeed Insightsスコアの向上",[11,11745,11746],{},"PageSpeed Insightsの「次世代フォーマットで画像を配信してください」という指摘は、JPEGやPNGを使い続けている限り消えない。WebPへの変換はこの指摘を直接解消し、PerformanceスコアとSEO関連スコアの両方に好影響をもたらす。",[15,11748],{},[18,11750,11752],{"id":11751},"webpの仕様と主要ブラウザの対応状況","WebPの仕様と主要ブラウザの対応状況",[11,11754,11755],{},"WebPはGoogleが開発し、2010年に公開した画像フォーマットだ。非可逆圧縮と可逆圧縮の両方をサポートし、アルファチャンネル（透過）やアニメーションにも対応している。",[11,11757,11758,11762],{},[288,11759,11761],{"href":3472,"rel":11760},[292],"WebPの公式仕様（developers.google.com）","によると、可逆圧縮ではPNGより平均26%、非可逆圧縮ではJPEGより平均25〜34%小さいファイルを生成できる。",[11,11764,11765,11766,11771,11772,11775,11776,11778],{},"ブラウザ対応については、",[288,11767,11770],{"href":11768,"rel":11769},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FMedia\u002FGuides\u002FFormats\u002FImage_types#webp",[292],"MDN Web Docs の WebP ページ","が参考になる。Chrome・Firefox・Safari・Edge の主要4ブラウザはいずれも対応済みで、2024年時点のグローバルシェアでは ",[309,11773,11774],{},"97%以上のブラウザがWebPを表示可能"," だ。古いIEや旧Safari向けのフォールバックが必要な場面では、以下のような",[283,11777,3730],{},"タグを使う方法が安全だ。",[3535,11780,11782],{"className":7823,"code":11781,"language":7825,"meta":480,"style":480},"\u003Cpicture>\n  \u003Csource srcset=\"image.webp\" type=\"image\u002Fwebp\">\n  \u003Cimg src=\"image.jpg\" alt=\"代替テキスト\">\n\u003C\u002Fpicture>\n",[283,11783,11784,11793,11818,11843],{"__ignoreMap":480},[3543,11785,11786,11788,11791],{"class":3545,"line":3546},[3543,11787,7855],{"class":7854},[3543,11789,11790],{"class":7858},"picture",[3543,11792,7895],{"class":7854},[3543,11794,11795,11798,11801,11804,11806,11809,11811,11813,11816],{"class":3545,"line":481},[3543,11796,11797],{"class":7854},"  \u003C",[3543,11799,11800],{"class":7858},"source",[3543,11802,11803],{"class":3549}," srcset",[3543,11805,7865],{"class":7854},[3543,11807,11808],{"class":3559},"\"image.webp\"",[3543,11810,7871],{"class":3549},[3543,11812,7865],{"class":7854},[3543,11814,11815],{"class":3559},"\"image\u002Fwebp\"",[3543,11817,7895],{"class":7854},[3543,11819,11820,11822,11825,11828,11830,11833,11836,11838,11841],{"class":3545,"line":486},[3543,11821,11797],{"class":7854},[3543,11823,11824],{"class":7858},"img",[3543,11826,11827],{"class":3549}," src",[3543,11829,7865],{"class":7854},[3543,11831,11832],{"class":3559},"\"image.jpg\"",[3543,11834,11835],{"class":3549}," alt",[3543,11837,7865],{"class":7854},[3543,11839,11840],{"class":3559},"\"代替テキスト\"",[3543,11842,7895],{"class":7854},[3543,11844,11845,11848,11850],{"class":3545,"line":7845},[3543,11846,11847],{"class":7854},"\u003C\u002F",[3543,11849,11790],{"class":7858},[3543,11851,7895],{"class":7854},[15,11853],{},[18,11855,11857],{"id":11856},"変換ツールの選び方どこで処理されるかが重要な理由","変換ツールの選び方——「どこで処理されるか」が重要な理由",[11,11859,11860],{},"WebPへの変換方法は複数ある。サーバーサイドでImageMagickやlibwebpを使うバッチ処理、WordPressプラグイン（Imagify、ShortPixel等）、そしてブラウザ上で動作するオンラインツールだ。",[11,11862,11863,11864,11867],{},"選択する際に見落とされやすい観点が ",[309,11865,11866],{},"「ファイルがどこで処理されるか」"," だ。一般的なオンラインサービスは、ファイルを一度サーバーにアップロードして処理し、変換後のファイルをダウンロードさせる仕組みになっている。業務で扱う画像には、公開前の商品写真・社内資料のスクリーンショット・個人情報を含む書類画像など、外部に送信したくないものが含まれるケースも多い。",[11,11869,11870],{},"その点でブラウザ内処理（クライアントサイド処理）のツールは、ファイルが自分のデバイスの外に出ない。これはプライバシーポリシーや社内セキュリティ規定への適合という観点でも重要な差だ。",[26,11872,11874],{"id":11873},"主要webp変換ツール比較表","主要WebP変換ツール比較表",[31,11876,11877,11892],{},[34,11878,11879],{},[37,11880,11881,11883,11886,11888,11890],{},[40,11882,767],{},[40,11884,11885],{},"処理場所（送信先サーバー）",[40,11887,1034],{},[40,11889,1040],{},[40,11891,4568],{},[53,11893,11894,11919,11931,11945,11958,11971],{},[37,11895,11896,11902,11906,11910,11915],{},[58,11897,11898,11901],{},[309,11899,11900],{},"zerosend","（画像変換）",[58,11903,11904],{},[309,11905,2039],{},[58,11907,11908],{},[309,11909,1087],{},[58,11911,11912],{},[309,11913,11914],{},"可（SW キャッシュ後）",[58,11916,11917],{},[309,11918,1495],{},[37,11920,11921,11923,11925,11927,11929],{},[58,11922,3653],{},[58,11924,2039],{},[58,11926,1087],{},[58,11928,1090],{},[58,11930,1495],{},[37,11932,11933,11935,11938,11941,11943],{},[58,11934,1500],{},[58,11936,11937],{},"あり（サーバー処理）",[58,11939,11940],{},"月20ファイルまで",[58,11942,1059],{},[58,11944,1495],{},[37,11946,11947,11949,11951,11954,11956],{},[58,11948,1974],{},[58,11950,11937],{},[58,11952,11953],{},"1日2タスクまで",[58,11955,1059],{},[58,11957,1495],{},[37,11959,11960,11962,11964,11967,11969],{},[58,11961,1992],{},[58,11963,11937],{},[58,11965,11966],{},"ファイルサイズ制限あり",[58,11968,1059],{},[58,11970,1495],{},[37,11972,11973,11975,11977,11979,11981],{},[58,11974,4307],{},[58,11976,11937],{},[58,11978,4298],{},[58,11980,1059],{},[58,11982,11983],{},"要Adobe ID",[11,11985,11986],{},"TinyPNG・Smallpdf・iLovePDFといったサービスは利便性が高く広く使われているが、いずれもファイルをサーバーに送信する構造だ。Google製のSquooshもブラウザ内処理だが、2023年以降アクティブな開発が止まっており、一部の機能に不具合が報告されている。",[15,11988],{},[18,11990,11992],{"id":11991},"zerosend-でブラウザ内webp変換を行う手順","zerosend でブラウザ内WebP変換を行う手順",[11,11994,11995,11998,11999,12002,12003,12006,12007,12010],{},[288,11996,11997],{"href":1431},"zerosendの画像形式変換ツール","は、",[309,12000,12001],{},"browser-image-compression"," ライブラリと ",[309,12004,12005],{},"Canvas API"," をベースに構築されており、変換処理はすべてブラウザのメインスレッドではなく ",[309,12008,12009],{},"Web Worker"," 上で実行される。これにより、大容量ファイルの変換中もUIがフリーズしない設計になっている。",[26,12012,6088],{"id":6088},[340,12014,12015,12020,12023,12026,12029],{},[306,12016,12017,2416],{},[288,12018,12019],{"href":1431},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-convert",[306,12021,12022],{},"変換したい画像ファイル（JPEG・PNG・GIF・AVIF等）をドラッグ＆ドロップ、または「ファイルを選択」で指定する",[306,12024,12025],{},"出力フォーマットとして「WebP」を選択する",[306,12027,12028],{},"品質スライダーで圧縮率を調整する（デフォルト値は多くの用途で適切）",[306,12030,12031],{},"「変換」ボタンをクリックし、完了後にダウンロードする",[26,12033,12034],{"id":12034},"ネットワーク通信ゼロを自分で確認する方法",[11,12036,12037],{},"本当にファイルがサーバーに送られていないかは、ブラウザのDevToolsで確認できる。",[340,12039,12040,12043,12053,12056],{},[306,12041,12042],{},"Chrome または Edge で変換ページを開く",[306,12044,12045,12048,12049,12052],{},[283,12046,12047],{},"F12","（または ",[283,12050,12051],{},"Cmd+Option+I","）でDevToolsを開き、「Network」タブを選択",[306,12054,12055],{},"ファイルをドラッグ＆ドロップして変換を実行する",[306,12057,12058],{},"NetworkタブにPOSTリクエストや外部ドメインへの通信が発生していないことを確認する",[11,12060,12061],{},"変換実行後も外部への通信が一切記録されないことが、クライアントサイド処理の証拠だ。",[26,12063,4008],{"id":4008},[11,12065,12066],{},"zerosendはService Workerによるリソースキャッシュを実装している。初回アクセス後は、インターネット接続がない環境でも変換ツールが動作する。これはオフライン環境での業務や、通信制限を気にせず使いたい場面で実用的な特徴だ。",[15,12068],{},[18,12070,12072],{"id":12071},"webp変換を継続的な運用フローに組み込む方法","WebP変換を継続的な運用フローに組み込む方法",[26,12074,12075],{"id":12075},"既存コンテンツへの対応",[11,12077,12078],{},"まず既存のページ・記事・商品ページで使われている画像を洗い出し、PageSpeed Insightsで「次世代フォーマット」として指摘を受けているものを優先リストに入れる。ファイルサイズが500KB以上のJPEGやPNGは特に優先度が高い。",[11,12080,12081,12082,12084],{},"変換後は元のファイルをバックアップとして残しておき、",[283,12083,3730],{},"タグを使ってWebPとJPEGの両方を配信する構成にすると安全だ。",[26,12086,12087],{"id":12087},"新規コンテンツへのルール化",[11,12089,12090],{},"画像をアップロードする前にWebP変換を行うことを、コンテンツ制作フローのチェックリストに加える。「記事公開前にゼロsendで変換してからCMSにアップロードする」という一手順を加えるだけで、新規コンテンツの最適化を継続できる。",[26,12092,12093],{"id":12093},"変換前後の効果測定",[11,12095,12096],{},"PageSpeed InsightsとGoogle Search Consoleの「ページエクスペリエンス」レポートを使い、変換前後のLCPスコアを比較する。特にモバイルスコアの変化に注目すると、改善効果が数値として把握しやすい。",[15,12098],{},[18,12100,12101],{"id":12101},"よくある疑問と落とし穴",[26,12103,7601],{"id":7600},[11,12105,12106],{},[309,12107,12108],{},"Q1. WebPに変換すると画質は落ちるのか？",[11,12110,12111],{},"非可逆圧縮（品質設定80〜85程度）であれば、通常のWeb表示ではJPEGと視覚的な差がほぼわからない。画質が重要な場面では品質を90以上に設定するか、可逆圧縮を使うことで元の品質を維持できる。",[11,12113,12114],{},[309,12115,12116],{},"Q2. PNG（透過画像）もWebPに変換できるか？",[11,12118,12119],{},"WebPはアルファチャンネルをサポートしているため、透過PNGをそのままWebPに変換できる。透過を保ちたい場合は可逆圧縮モードを選ぶか、品質設定を高めにすると良い。",[11,12121,12122],{},[309,12123,12124],{},"Q3. WordPressサイトの場合、プラグインとブラウザツールのどちらを使うべきか？",[11,12126,12127],{},"大量の画像を一括変換・自動最適化したい場合はShortPixelやImageifyなどのプラグインが効率的だ。一方、非公開の画像や機密性の高いファイルを変換したい場合は、ブラウザ内処理のツールの方がセキュリティ面で安心できる。用途によって使い分けが合理的だ。",[11,12129,12130],{},[309,12131,12132],{},"Q4. AVIFとWebPどちらを選ぶべきか？",[11,12134,12135,12136,12138],{},"AVIFはWebPよりさらに圧縮率が高いフォーマットだが、2024年時点ではブラウザ対応がWebPより若干低く（特に旧バージョンのSafari）、エンコード処理が遅い。汎用性の高さでは現時点でWebPが安定した選択肢だ。",[283,12137,3730],{},"タグでAVIF→WebP→JPEGの順でフォールバックを指定する方法も有効だ。",[11,12140,12141],{},[309,12142,12143],{},"Q5. ファイルサイズが逆に大きくなることはあるか？",[11,12145,12146],{},"ある。既にJPEGで強く圧縮されている画像や、小さなサイズの画像をWebPに変換すると、わずかにサイズが増えるケースがある。変換後は必ず元ファイルと比較し、小さくなっているものだけを採用するのが確実だ。",[26,12148,12149],{"id":12149},"実運用での落とし穴",[303,12151,12152,12158,12164],{},[306,12153,12154,12157],{},[309,12155,12156],{},"SNS投稿用画像への使用","：TwitterやInstagramなど一部のSNSプラットフォームはWebPのアップロードを受け付けないか、自動的に変換する。SNS向け画像はJPEGのままにしておくか、個別に確認が必要だ。",[306,12159,12160,12163],{},[309,12161,12162],{},"メールに添付する画像","：メールクライアントはWebPに対応していないものが多い。メール添付用途にはJPEGまたはPNGを維持する。",[306,12165,12166,12169],{},[309,12167,12168],{},"印刷データへの転用","：WebPはRGB色空間のみでCMYKには対応していない。印刷データとしては使用できない。",[15,12171],{},[18,12173,12175],{"id":12174},"まとめwebp変換が持つ実際のインパクト","まとめ——WebP変換が持つ実際のインパクト",[11,12177,12178],{},"WebP変換は、特別な開発環境や有料ツールを使わなくても取り組めるSEO改善施策だ。ファイルサイズの削減がLCPを改善し、ページ速度が上がり、ユーザー体験が向上し、それがSEOシグナルとして積み重なる。この一連の効果は、1枚の画像変換から始まる。",[11,12180,12181],{},"変換方法の選択では、「ファイルがサーバーに送信されるかどうか」が実務上の重要な判断軸になる。TinyPNGやSmallpdfのようなサービスは利便性が高い一方、業務上の機密画像を扱う場合はブラウザ内処理が適切だ。",[11,12183,12184,12186],{},[288,12185,11997],{"href":1431},"はbrowser-image-compressionとCanvas APIを使ったクライアントサイド処理で動作し、初回アクセス後はオフラインでも使用できる。DevToolsのNetworkタブで通信が発生していないことを自分で確認できるという透明性も、他の多くのオンラインツールにはない特徴だ。",[11,12188,12189],{},"まず手元の重い画像を一枚変換し、PageSpeed InsightsでLCPスコアの変化を確認する。そこから得られる数値が、次のアクションの判断根拠になる。",[3757,12191,12192],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":480,"searchDepth":481,"depth":481,"links":12194},[12195,12196,12201,12202,12205,12210,12215,12219],{"id":11690,"depth":481,"text":11691},{"id":11712,"depth":481,"text":11713,"children":12197},[12198,12199,12200],{"id":11716,"depth":486,"text":11717},{"id":11733,"depth":486,"text":11733},{"id":11742,"depth":486,"text":11743},{"id":11751,"depth":481,"text":11752},{"id":11856,"depth":481,"text":11857,"children":12203},[12204],{"id":11873,"depth":486,"text":11874},{"id":11991,"depth":481,"text":11992,"children":12206},[12207,12208,12209],{"id":6088,"depth":486,"text":6088},{"id":12034,"depth":486,"text":12034},{"id":4008,"depth":486,"text":4008},{"id":12071,"depth":481,"text":12072,"children":12211},[12212,12213,12214],{"id":12075,"depth":486,"text":12075},{"id":12087,"depth":486,"text":12087},{"id":12093,"depth":486,"text":12093},{"id":12101,"depth":481,"text":12101,"children":12216},[12217,12218],{"id":7600,"depth":486,"text":7601},{"id":12149,"depth":486,"text":12149},{"id":12174,"depth":481,"text":12175},"WebP変換がLCP・ページ速度・SEOに与える効果を数値で解説。ブラウザ内完結の無料ツールと競合サービスを比較し、実践的な導入手順まで網羅。",{},"\u002Fblog\u002Fwebp-convert-seo","2026-05-07",{"title":11685,"description":12220},"webp-convert-seo","blog\u002Fwebp-convert-seo",[513,1290,1590,512],"2026-05-15","K5WNiqLjWKW_d6yxlDSRDGDaOwHBNrqjUzVdgqbw8BQ",{"id":12231,"title":12232,"author":6,"body":12233,"category":496,"coverImage":497,"description":12917,"draft":499,"extension":500,"locale":501,"meta":12918,"navigation":503,"noindex":499,"path":12919,"publishedAt":12920,"seo":12921,"slug":12922,"stem":12923,"tags":12924,"updatedAt":12228,"__hash__":12925},"blog\u002Fblog\u002Fpdf-email-compress.md","PDFがメールで送れない時の圧縮方法｜サーバー送信なしで安全にサイズを減らす",{"type":8,"value":12234,"toc":12879},[12235,12238,12240,12244,12247,12250,12295,12298,12302,12305,12325,12328,12331,12334,12347,12350,12352,12356,12359,12362,12388,12396,12399,12437,12440,12444,12447,12449,12453,12456,12459,12462,12466,12566,12569,12571,12575,12579,12585,12603,12615,12619,12624,12628,12631,12635,12685,12688,12692,12695,12699,12702,12729,12732,12735,12738,12740,12743,12746,12750,12757,12760,12763,12766,12769,12788,12791,12793,12795,12799,12802,12806,12809,12813,12816,12820,12823,12827,12830,12832,12834,12837,12872],[11,12236,12237],{},"PDFをメールに添付しようとして「ファイルサイズが大きすぎます」と弾かれる場面は、ビジネス文書を扱う人なら一度は経験する。上限を超えたとき、真っ先に試すべきなのは圧縮だ。ただし「どのツールを使うか」という選択には、ファイルサイズ削減の効果だけでなく、データのプライバシーという観点が絡んでくる。本記事では、PDF圧縮の仕組みから主要ツールのプライバシー比較、ブラウザ内処理で完結するツールの具体的な操作手順まで、実務で即使える情報を体系的に解説する。",[15,12239],{},[18,12241,12243],{"id":12242},"pdfをメールに添付できない本当の理由","PDFをメールに添付できない本当の理由",[26,12245,12246],{"id":12246},"主要メールサービスの添付上限",[11,12248,12249],{},"メールの添付ファイルに上限があることは広く知られているが、その数値は意外と小さい。",[31,12251,12252,12262],{},[34,12253,12254],{},[37,12255,12256,12259],{},[40,12257,12258],{},"サービス",[40,12260,12261],{},"添付上限の目安",[53,12263,12264,12272,12280,12287],{},[37,12265,12266,12269],{},[58,12267,12268],{},"Gmail",[58,12270,12271],{},"25 MB",[37,12273,12274,12277],{},[58,12275,12276],{},"Outlook \u002F Hotmail",[58,12278,12279],{},"20 MB",[37,12281,12282,12285],{},[58,12283,12284],{},"Yahoo! メール",[58,12286,12271],{},[37,12288,12289,12292],{},[58,12290,12291],{},"社内メールサーバー（一般的な設定）",[58,12293,12294],{},"5〜10 MB",[11,12296,12297],{},"社内メールサーバーは管理者が上限を独自に設定しているケースが多く、5 MB以下に制限されている環境も珍しくない。送信側が25 MBのGmailで送っても、受信側が10 MB制限のサーバーだと弾かれる。",[26,12299,12301],{"id":12300},"重くなりやすいpdfの特徴","重くなりやすいPDFの特徴",[11,12303,12304],{},"PDF自体がフォーマットとして重いわけではない。問題になるのはほぼ例外なく「埋め込み画像」だ。以下の条件が重なると数十MBになる。",[303,12306,12307,12313,12319],{},[306,12308,12309,12312],{},[309,12310,12311],{},"カラースキャン＋300 dpi以上","：契約書をスキャナで取り込む際にデフォルト設定のまま使うと発生しやすい",[306,12314,12315,12318],{},[309,12316,12317],{},"高解像度の写真・図版を多数挿入","：プレゼン資料やカタログPDFに多い",[306,12320,12321,12324],{},[309,12322,12323],{},"複数スキャン画像を結合","：ページごとにスキャン画像が丸ごと埋め込まれる",[11,12326,12327],{},"テキストのみで構成されたPDFはそもそもデータ量が少なく、10ページ程度であれば1 MB未満に収まることが大半だ。",[26,12329,12330],{"id":12330},"対策の選択肢を整理する",[11,12332,12333],{},"上限超えを解消するための主な手段は3つある。",[340,12335,12336,12341,12344],{},[306,12337,12338],{},[309,12339,12340],{},"圧縮してサイズを小さくする",[306,12342,12343],{},"Google Drive・OneDrive などクラウドストレージのリンクをメール本文に貼る",[306,12345,12346],{},"WeTransfer などのファイル転送サービスを使う",[11,12348,12349],{},"「すぐに・追加サービス登録なしで・安全に」完結するのが圧縮だ。クラウドストレージやファイル転送は機密文書を別サービスに預ける手間とリスクが発生する。ただし圧縮ツールの選び方を誤ると、それ自体が情報漏洩のリスクになりうる。この点は後述する比較表で詳しく解説する。",[15,12351],{},[18,12353,12355],{"id":12354},"pdf圧縮の仕組みと削減率の目安","PDF圧縮の仕組みと削減率の目安",[26,12357,12358],{"id":12358},"圧縮ツールが実際に何をしているか",[11,12360,12361],{},"「圧縮」という言葉は漠然としているが、PDFの場合は主に以下の処理を指す。",[303,12363,12364,12370,12376,12382],{},[306,12365,12366,12369],{},[309,12367,12368],{},"画像の再エンコード","：埋め込みPNGをJPEGに変換したり、JPEG品質係数を下げたりする",[306,12371,12372,12375],{},[309,12373,12374],{},"解像度のダウンサンプリング","：300 dpi → 150 dpi など、目的に応じた解像度へ変換する",[306,12377,12378,12381],{},[309,12379,12380],{},"埋め込みフォントのサブセット化","：文書内で実際に使われている文字のみを残し、フォントデータ全体を削る",[306,12383,12384,12387],{},[309,12385,12386],{},"不要メタデータの除去","：作成ソフトのバージョン情報、サムネイルキャッシュ、コメント履歴などを取り除く",[11,12389,12390,12395],{},[288,12391,12394],{"href":12392,"rel":12393},"https:\u002F\u002Fwww.iso.org\u002Fstandard\u002F75839.html",[292],"PDF仕様はISO 32000-2として標準化されており","、画像ストリームの格納方式が規定されている。圧縮ツールはこの仕様に沿ってバイナリを書き換えることでサイズを削減する。",[26,12397,12398],{"id":12398},"どのくらい軽くなるか",[31,12400,12401,12411],{},[34,12402,12403],{},[37,12404,12405,12408],{},[40,12406,12407],{},"元のファイルの種類",[40,12409,12410],{},"想定される削減率",[53,12412,12413,12421,12429],{},[37,12414,12415,12418],{},[58,12416,12417],{},"カラースキャン（300 dpi以上）",[58,12419,12420],{},"50〜80%",[37,12422,12423,12426],{},[58,12424,12425],{},"図版・グラフを含む資料",[58,12427,12428],{},"30〜60%",[37,12430,12431,12434],{},[58,12432,12433],{},"テキストのみ",[58,12435,12436],{},"5〜15% 程度",[11,12438,12439],{},"20 MBのカラースキャン書類であれば、設定次第で4〜10 MB台まで落とせる計算になる。Gmail の25 MB上限を狙うなら、「中」程度の品質設定でほとんどのケースをカバーできる。",[26,12441,12443],{"id":12442},"注意点テキストと画像は別処理","注意点：テキストと画像は別処理",[11,12445,12446],{},"圧縮で影響を受けるのは埋め込み画像のみで、テキストデータはそのまま保持される。フォントのサブセット化によってテキストが文字化けしたり消えたりすることはない。品質設定が「低（最高圧縮）」であっても、文字の読み取りには影響しない。",[15,12448],{},[18,12450,12452],{"id":12451},"主要pdf圧縮ツールのプライバシー比較","主要PDF圧縮ツールのプライバシー比較",[26,12454,12455],{"id":12455},"サーバー送信の有無が最重要指標",[11,12457,12458],{},"PDF圧縮ツールを選ぶ際、見落とされがちなのが「ファイルがどこで処理されるか」だ。多くのオンラインツールは、PDFを外部クラウドサーバーへアップロードしてから処理を行う仕組みをとっている。「アップロード後1時間で削除」「TLS通信で暗号化」といった記載があっても、処理の瞬間にサーバー上にファイルが存在することは変わらない。",[11,12460,12461],{},"契約書・請求書・個人情報・未公開の事業計画書など、機密性の高い文書を日常的に扱う場合、このリスクは無視できない。",[26,12463,12465],{"id":12464},"比較表送信先サーバーを軸に評価","比較表：送信先サーバーを軸に評価",[31,12467,12468,12482],{},[34,12469,12470],{},[37,12471,12472,12474,12476,12478,12480],{},[40,12473,767],{},[40,12475,1031],{},[40,12477,2598],{},[40,12479,2368],{},[40,12481,3219],{},[53,12483,12484,12499,12512,12527,12541],{},[37,12485,12486,12488,12490,12493,12496],{},[58,12487,1974],{},[58,12489,9717],{},[58,12491,12492],{},"Smallpdf社サーバー（スイス）",[58,12494,12495],{},"無料枠あり（1日2件制限）",[58,12497,12498],{},"無料登録あり",[37,12500,12501,12503,12505,12508,12510],{},[58,12502,1992],{},[58,12504,9717],{},[58,12506,12507],{},"iLovePDF社サーバー（スペイン）",[58,12509,6032],{},[58,12511,12498],{},[37,12513,12514,12517,12519,12522,12524],{},[58,12515,12516],{},"Adobe Acrobat オンライン",[58,12518,9717],{},[58,12520,12521],{},"Adobe社サーバー（米国）",[58,12523,6032],{},[58,12525,12526],{},"Adobe ID必須",[37,12528,12529,12532,12534,12537,12539],{},[58,12530,12531],{},"PDF24",[58,12533,9717],{},[58,12535,12536],{},"PDF24社サーバー（ドイツ）",[58,12538,2628],{},[58,12540,1495],{},[37,12542,12543,12548,12553,12558,12562],{},[58,12544,12545],{},[309,12546,12547],{},"zerosend（PDF圧縮）",[58,12549,12550],{},[309,12551,12552],{},"ブラウザ内（ローカル）",[58,12554,12555],{},[309,12556,12557],{},"なし（ゼロ送信）",[58,12559,12560],{},[309,12561,1489],{},[58,12563,12564],{},[309,12565,1495],{},[11,12567,12568],{},"Smallpdf・iLovePDF・Adobe Acrobat オンラインはいずれも広く使われている信頼性の高いサービスだが、処理の核心部はサーバー側で実行される。利用規約上のデータ取り扱いポリシーを確認する手間をかけたくない場合、あるいはポリシーを読んでもなおサーバー送信を避けたい場合は、ブラウザ内処理型が合理的な選択肢となる。",[15,12570],{},[18,12572,12574],{"id":12573},"zerosenedでpdfを圧縮する手順実践ガイド","zerosenedでPDFを圧縮する手順（実践ガイド）",[26,12576,12578],{"id":12577},"使用技術の概要なぜサーバーなしで動くのか","使用技術の概要：なぜサーバーなしで動くのか",[11,12580,2056,12581,12584],{},[288,12582,12583],{"href":2403},"PDF圧縮ツール","は、以下のライブラリとブラウザ標準APIをクライアント側で動作させることで、外部サーバーへのファイル送信ゼロを実現している。",[303,12586,12587,12592,12598],{},[306,12588,12589,12591],{},[309,12590,10515],{},"：PDFの解析・ページ操作・書き出しをJavaScriptで実行するオープンソースライブラリ",[306,12593,12594,12597],{},[309,12595,12596],{},"pdfjs-dist（PDF.js）","：Mozillaが開発したオープンソースのPDFレンダリングエンジン。各ページをピクセルデータとして展開する",[306,12599,12600,12602],{},[309,12601,12005],{},"：各ページを画像として再描画し、解像度調整・JPEG再エンコードを行うブラウザ標準のグラフィックAPI",[11,12604,12605,12606,12608,12609,12614],{},"重い処理はメインスレッドをブロックしないよう",[309,12607,12009],{},"内で実行される。",[288,12610,12613],{"href":12611,"rel":12612},"https:\u002F\u002Fhtml.spec.whatwg.org\u002Fmultipage\u002Fcanvas.html",[292],"Canvas APIはW3C HTMLリビングスタンダードで標準化","されており、Chrome・Firefox・Safari・Edgeすべてで追加インストールなしに利用できる。",[26,12616,12618],{"id":12617},"ステップ1ツールにアクセスする","ステップ1：ツールにアクセスする",[11,12620,12621,12623],{},[288,12622,2415],{"href":2403}," をブラウザで開く。PC・スマートフォン・タブレットのいずれからでも動作する。インストール不要で、アクセス直後から使える状態になっている。",[26,12625,12627],{"id":12626},"ステップ2pdfをドロップまたは選択する","ステップ2：PDFをドロップまたは選択する",[11,12629,12630],{},"画面中央のドロップゾーンにPDFをドラッグ＆ドロップするか、「ファイルを選択」ボタンからファイルを指定する。このタイミングでファイルはブラウザのメモリ上に読み込まれるだけで、外部への送信は行われない。",[26,12632,12634],{"id":12633},"ステップ3圧縮品質を選択する","ステップ3：圧縮品質を選択する",[31,12636,12637,12650],{},[34,12638,12639],{},[37,12640,12641,12644,12647],{},[40,12642,12643],{},"品質設定",[40,12645,12646],{},"DPI目安",[40,12648,12649],{},"おすすめ用途",[53,12651,12652,12663,12674],{},[37,12653,12654,12657,12660],{},[58,12655,12656],{},"高（Low compression）",[58,12658,12659],{},"150 dpi前後",[58,12661,12662],{},"印刷・長期保存が必要な場合",[37,12664,12665,12668,12671],{},[58,12666,12667],{},"中（Balanced）",[58,12669,12670],{},"96〜120 dpi",[58,12672,12673],{},"メール添付の標準的な用途",[37,12675,12676,12679,12682],{},[58,12677,12678],{},"低（High compression）",[58,12680,12681],{},"72 dpi前後",[58,12683,12684],{},"とにかくサイズを最小化したい場合",[11,12686,12687],{},"メール添付が目的であれば「中」から試して、それでも上限を超えるようなら「低」に切り替えるのが効率的だ。画像品質の劣化が気になる場合は「高」を選び、添付上限との折り合いをつける。",[26,12689,12691],{"id":12690},"ステップ4圧縮してダウンロードする","ステップ4：圧縮してダウンロードする",[11,12693,12694],{},"「圧縮する」ボタンをクリックすると処理が始まる。処理中は進捗が表示される。完了後は「ダウンロード」ボタンでローカルデバイスに保存される。アカウント登録・ログイン・メールアドレスの入力は一切不要だ。",[26,12696,12698],{"id":12697},"通信ゼロをdevtoolsで自分の目で確認する","通信ゼロをDevToolsで自分の目で確認する",[11,12700,12701],{},"ファイルが本当に外部送信されていないかを自分で検証したい場合、次の手順で確認できる。",[340,12703,12704,12707,12716,12719],{},[306,12705,12706],{},"Chrome または Edge でツールページを開く",[306,12708,12709,12711,12712,12715],{},[309,12710,12047],{}," キーを押して開発者ツールを起動し、",[309,12713,12714],{},"Network"," タブをクリックする",[306,12717,12718],{},"ページをリロードしてからPDFをドロップし、「圧縮する」ボタンをクリックする",[306,12720,12721,12722,6470,12725,12728],{},"Networkタブのフィルタに ",[309,12723,12724],{},"XHR",[309,12726,12727],{},"Fetch"," を選択し、リクエスト一覧を確認する",[11,12730,12731],{},"zerosendの場合、PDFデータを乗せた外部ドメインへのリクエストは記録されない。ライブラリファイルのロードは発生するが、PDFファイルのバイナリが外部に飛ぶ通信はゼロだ。「信頼してください」という主張ではなく、利用者が手元で検証できる透明性を担保している点が特徴といえる。",[26,12733,12734],{"id":12734},"オフライン環境でも動作する",[11,12736,12737],{},"zerosendは初回アクセス後、Service Workerがライブラリ等を端末内にキャッシュする。2回目以降はオフライン状態（機内モード・VPN切断・社内ネットワーク制限下）でもPDF圧縮処理を実行できる。処理がサーバーに依存していないため、ネットワーク接続が切れても動作に影響しない。出張先や移動中の作業にも対応できる。",[15,12739],{},[18,12741,12742],{"id":12742},"圧縮してもサイズが足りないときの追加対策",[11,12744,12745],{},"最高圧縮率を適用してもなお添付上限を超える場合は、以下の方法を組み合わせる。",[26,12747,12749],{"id":12748},"pdfを分割して複数通に分ける","PDFを分割して複数通に分ける",[11,12751,12752,12753,12756],{},"ページ数が多い場合は前半・後半に分けて2通に分割するのがシンプルな回避策だ。zerosendには",[288,12754,12755],{"href":7544},"PDF分割ツール","も用意されており、同様にサーバー送信なしで処理できる。受信者に分割の旨を件名に明記すると混乱が少ない。",[26,12758,12759],{"id":12759},"クラウドストレージのリンク共有を使う",[11,12761,12762],{},"Google Drive・OneDrive・Dropboxにアップロードしてリンクをメール本文に貼る方法は、ファイルサイズ制限を完全に回避できる。ただし機密文書の場合は共有設定を「特定のユーザーのみ」に限定し、アクセス権の設定ミスによる情報漏洩に注意が必要だ。",[26,12764,12765],{"id":12765},"スキャン設定を見直す",[11,12767,12768],{},"根本的にファイルサイズを抑えたいなら、スキャナの設定を変更するのが最も効果が大きい。",[303,12770,12771,12776,12782],{},[306,12772,12773,12775],{},[309,12774,9394],{},"：200 dpi以下に落とす（業務書類の多くは200 dpiで十分読める）",[306,12777,12778,12781],{},[309,12779,12780],{},"カラー設定","：カラーからグレースケールまたは白黒に変更する",[306,12783,12784,12787],{},[309,12785,12786],{},"PDF圧縮品質","：スキャナメーカーによっては保存時の圧縮率を選択できる項目がある",[11,12789,12790],{},"設定変更だけで同じ書類のファイルサイズが5分の1以下になることも珍しくない。",[15,12792],{},[18,12794,5079],{"id":5078},[26,12796,12798],{"id":12797},"q1-圧縮後にpdfのテキストが読めなくなることはあるか","Q1. 圧縮後にPDFのテキストが読めなくなることはあるか？",[11,12800,12801],{},"テキストデータは再エンコードされず、文字情報はそのまま保持される。影響を受けるのは埋め込み画像の解像度と品質のみだ。「高」品質設定であれば、通常の画面閲覧・業務文書の印刷用途で視覚的な劣化に気づくケースはほとんどない。",[26,12803,12805],{"id":12804},"q2-スマートフォンからも使えるか","Q2. スマートフォンからも使えるか？",[11,12807,12808],{},"iOS Safari・Android Chromeで動作確認済みだ。ファイル選択はスマートフォンのファイルアプリや写真アプリと連携できる。ただし50 MBを超える大容量ファイルを処理する場合、端末搭載メモリの量によって処理速度が低下することがある。",[26,12810,12812],{"id":12811},"q3-パスワードがかかったpdfは圧縮できるか","Q3. パスワードがかかったPDFは圧縮できるか？",[11,12814,12815],{},"パスワード保護（暗号化）されたPDFは、まずパスワードを解除してから圧縮する必要がある。現時点では、パスワード付きPDFをそのまま圧縮する機能には対応していない。",[26,12817,12819],{"id":12818},"q4-圧縮後のpdfは印刷に使えるか","Q4. 圧縮後のPDFは印刷に使えるか？",[11,12821,12822],{},"「高」設定（Low compression・150 dpi前後）であれば、家庭用・オフィス用レーザープリンター・インクジェットプリンターでの印刷に十分な画質を維持できる。商業印刷（入稿データ）や高精細な図面への用途には元ファイルの使用を推奨する。",[26,12824,12826],{"id":12825},"q5-一度に複数のpdfをまとめて圧縮できるか","Q5. 一度に複数のPDFをまとめて圧縮できるか？",[11,12828,12829],{},"現時点では1ファイルずつの処理となる。複数ファイルを連続処理したい場合は、1件ダウンロード後に次のファイルをドロップゾーンに投入することで続けて利用できる。",[15,12831],{},[18,12833,444],{"id":444},[11,12835,12836],{},"PDFがメールで送れない場合の対処法と、ツール選びの判断基準を以下に整理する。",[303,12838,12839,12845,12851,12857,12866],{},[306,12840,12841,12844],{},[309,12842,12843],{},"サイズ超過の主因は埋め込み画像","：カラースキャンや図版入り資料は適切な設定で50〜80%の削減が見込める。テキストのみのPDFへの効果は限定的だ。",[306,12846,12847,12850],{},[309,12848,12849],{},"オンラインツールはサーバー送信の有無を確認する","：Smallpdf・iLovePDF・Adobe Acrobat オンラインなど代表的なサービスはクラウド処理型であり、機密文書のアップロードにはデータポリシーの確認が必要になる。",[306,12852,12853,12856],{},[309,12854,12855],{},"ブラウザ内処理はネットワーク通信ゼロを実現する","：zerosenedはpdf-lib・pdfjs-dist・Canvas APIをWeb Worker内で動作させ、データを一切外部送信しない。DevToolsのNetworkタブで利用者自身が通信ゼロを検証できる。",[306,12858,12859,12862,12863,12865],{},[309,12860,12861],{},"圧縮で解決しない場合はPDF分割またはクラウド共有を組み合わせる","：zerosendの",[288,12864,12755],{"href":7544},"も同様にサーバー送信なしで利用できる。",[306,12867,12868,12871],{},[309,12869,12870],{},"初回アクセス後はオフラインでも動作する","：Service Workerキャッシュにより、ネットワーク環境に左右されない安定した処理が可能だ。",[11,12873,12874,12875,12878],{},"業務文書や個人情報を含むPDFを日常的に扱う環境では、処理の透明性を自分で確認できるツールを選ぶことが長期的なリスク管理につながる。",[288,12876,12877],{"href":2403},"PDF圧縮ツール（zerosend）","はそのための実用的な選択肢の一つだ。",{"title":480,"searchDepth":481,"depth":481,"links":12880},[12881,12886,12891,12895,12904,12909,12916],{"id":12242,"depth":481,"text":12243,"children":12882},[12883,12884,12885],{"id":12246,"depth":486,"text":12246},{"id":12300,"depth":486,"text":12301},{"id":12330,"depth":486,"text":12330},{"id":12354,"depth":481,"text":12355,"children":12887},[12888,12889,12890],{"id":12358,"depth":486,"text":12358},{"id":12398,"depth":486,"text":12398},{"id":12442,"depth":486,"text":12443},{"id":12451,"depth":481,"text":12452,"children":12892},[12893,12894],{"id":12455,"depth":486,"text":12455},{"id":12464,"depth":486,"text":12465},{"id":12573,"depth":481,"text":12574,"children":12896},[12897,12898,12899,12900,12901,12902,12903],{"id":12577,"depth":486,"text":12578},{"id":12617,"depth":486,"text":12618},{"id":12626,"depth":486,"text":12627},{"id":12633,"depth":486,"text":12634},{"id":12690,"depth":486,"text":12691},{"id":12697,"depth":486,"text":12698},{"id":12734,"depth":486,"text":12734},{"id":12742,"depth":481,"text":12742,"children":12905},[12906,12907,12908],{"id":12748,"depth":486,"text":12749},{"id":12759,"depth":486,"text":12759},{"id":12765,"depth":486,"text":12765},{"id":5078,"depth":481,"text":5079,"children":12910},[12911,12912,12913,12914,12915],{"id":12797,"depth":486,"text":12798},{"id":12804,"depth":486,"text":12805},{"id":12811,"depth":486,"text":12812},{"id":12818,"depth":486,"text":12819},{"id":12825,"depth":486,"text":12826},{"id":444,"depth":481,"text":444},"PDFの添付上限超えをブラウザ内処理で解決。サーバーにファイルを送信せず圧縮できるツールの仕組み・手順・競合比較をまとめた実践ガイド。",{},"\u002Fblog\u002Fpdf-email-compress","2026-05-06",{"title":12232,"description":12917},"pdf-email-compress","blog\u002Fpdf-email-compress",[1589,766,765,1885],"EG6qUTRRzix8nm-4mkSkMowRfrAwT8obs0Tzv9LGGO0",{"id":12927,"title":12928,"author":6,"body":12929,"category":496,"coverImage":497,"description":13437,"draft":499,"extension":500,"locale":501,"meta":13438,"navigation":503,"noindex":499,"path":13439,"publishedAt":13440,"seo":13441,"slug":13442,"stem":13443,"tags":13444,"updatedAt":12228,"__hash__":13445},"blog\u002Fblog\u002Fcore-web-vitals-image-compress.md","Core Web Vitals を画像圧縮で改善する完全ガイド【LCP対策】",{"type":8,"value":12930,"toc":13408},[12931,12935,12938,12956,12965,12968,12972,12982,12986,12989,13000,13002,13005,13008,13069,13072,13074,13078,13081,13085,13092,13096,13099,13103,13111,13115,13132,13134,13138,13148,13152,13157,13161,13164,13168,13171,13175,13178,13182,13185,13187,13190,13193,13295,13298,13301,13303,13306,13310,13316,13322,13325,13328,13331,13334,13338,13341,13343,13345,13350,13353,13358,13361,13366,13372,13377,13380,13385,13392,13394,13396,13399,13405],[18,12932,12934],{"id":12933},"なぜ画像が-core-web-vitals-を下げるのか","なぜ画像が Core Web Vitals を下げるのか",[11,12936,12937],{},"Google が検索ランキングの評価基準に組み込んでいる「Core Web Vitals」は、現在3つの指標で構成されている。",[303,12939,12940,12945,12951],{},[306,12941,12942,12944],{},[309,12943,1313],{},"：ページ内で最も大きなコンテンツが描画されるまでの時間",[306,12946,12947,12950],{},[309,12948,12949],{},"INP（Interaction to Next Paint）","：ユーザー操作から次の描画までの応答速度",[306,12952,12953,12955],{},[309,12954,1319],{},"：読み込み中に発生するレイアウトのずれ",[11,12957,12958,12959,12964],{},"このうち画像が直撃するのは LCP だ。ファーストビューに置かれたヒーロー画像や記事アイキャッチが LCP 対象要素になるケースは非常に多く、ファイルが重いほど「良好」の合格ライン（2.5秒以内）を超えやすい。Google の ",[288,12960,12963],{"href":12961,"rel":12962},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fvitals",[292],"Core Web Vitals 技術文書"," では、LCP 悪化の主因として「リソースのロード時間」が明示されており、その代表格が最適化されていない画像ファイルだ。",[11,12966,12967],{},"デジタルカメラやスマートフォンが出力する JPEG は、無処理のまま 3〜8 MB に達することが珍しくない。そのファイルをそのまま CMS にアップロードし続けた結果、PageSpeed Insights の LCP が「改善が必要（2.5秒超）」になっているサイトは今でも大量に存在する。",[26,12969,12971],{"id":12970},"cls-への影響も見落とさない","CLS への影響も見落とさない",[11,12973,12974,12975,8938,12978,12981],{},"CLS への影響も軽視できない。画像タグに ",[283,12976,12977],{},"width",[283,12979,12980],{},"height"," 属性が設定されていない場合、ブラウザは読み込み完了まで表示領域を確保できず、後からレイアウトがずれる。圧縮によって読み込みを速くしつつ、属性指定でスペースを事前に予約する組み合わせが CLS スコアの維持にも寄与する。",[26,12983,12985],{"id":12984},"pagespeed-insights-が出す画像関連の警告を読む","PageSpeed Insights が出す画像関連の警告を読む",[11,12987,12988],{},"PageSpeed Insights で計測した際に以下のいずれかが「改善が必要」として表示されているなら、画像圧縮は費用対効果が最も高い改善アクションになる。",[303,12990,12991,12994,12997],{},[306,12992,12993],{},"「適切なサイズの画像」",[306,12995,12996],{},"「効率的な画像エンコード」",[306,12998,12999],{},"「次世代フォーマットでの画像の配信」",[15,13001],{},[18,13003,13004],{"id":13004},"圧縮前後のスコア変化の目安",[11,13006,13007],{},"ファイルサイズ別の改善期待値を下表に示す。値はページ構成や通信速度によって変動するが、3 MB 超の画像を抱えているページはほぼ例外なく効果を体感できる。",[31,13009,13010,13023],{},[34,13011,13012],{},[37,13013,13014,13017,13020],{},[40,13015,13016],{},"元のファイルサイズ",[40,13018,13019],{},"圧縮後の目安",[40,13021,13022],{},"LCP 改善の期待値",[53,13024,13025,13036,13047,13058],{},[37,13026,13027,13030,13033],{},[58,13028,13029],{},"5 MB 以上",[58,13031,13032],{},"300〜500 KB",[58,13034,13035],{},"大きく改善（数秒単位）",[37,13037,13038,13041,13044],{},[58,13039,13040],{},"1〜3 MB",[58,13042,13043],{},"150〜300 KB",[58,13045,13046],{},"明確に改善（1秒前後）",[37,13048,13049,13052,13055],{},[58,13050,13051],{},"500 KB〜1 MB",[58,13053,13054],{},"80〜150 KB",[58,13056,13057],{},"中程度改善（0.5秒前後）",[37,13059,13060,13063,13066],{},[58,13061,13062],{},"500 KB 未満",[58,13064,13065],{},"50〜80 KB",[58,13067,13068],{},"軽微〜誤差の範囲",[11,13070,13071],{},"圧縮後は必ず PageSpeed Insights または Chrome DevTools の Lighthouse で再計測し、改善幅を数値で把握する。「やった気になる」だけで終わらせないためにも、計測は必須のステップだ。",[15,13073],{},[18,13075,13077],{"id":13076},"画像圧縮の一般的な手順ツール非依存","画像圧縮の一般的な手順（ツール非依存）",[11,13079,13080],{},"ツールを問わず共通する圧縮の流れを4ステップで整理する。",[26,13082,13084],{"id":13083},"ステップ-1lcp-対象要素を特定する","ステップ 1：LCP 対象要素を特定する",[11,13086,13087,13088,13091],{},"Chrome DevTools を開き、Lighthouse タブで「パフォーマンス」を計測する。レポートの「LCP」セクションをクリックすると、対象要素がハイライト表示される。まずその要素の URL とファイルサイズを確認することが出発点だ。対象要素が思ったものと異なるケースは多い。CMS が自動生成したサムネイルや、CSS の ",[283,13089,13090],{},"background-image"," で指定した画像が LCP になっていることもある。",[26,13093,13095],{"id":13094},"ステップ-2リサイズと圧縮をセットで行う","ステップ 2：リサイズと圧縮をセットで行う",[11,13097,13098],{},"「圧縮」と「リサイズ（解像度の変更）」は別の操作だが、セットで考えると効果が大きい。横幅 800 px で表示している領域に対して 3,000 px 幅の画像を使っていれば、まず 800 px 程度にリサイズしてから JPEG 品質を 70〜80 % に落とすだけで、ファイルサイズが元の 10 分の 1 以下になることがある。品質を下げる前にまずリサイズを行うのが、視覚品質を保ちながらサイズを削るコツだ。",[26,13100,13102],{"id":13101},"ステップ-3フォーマットを検討する","ステップ 3：フォーマットを検討する",[11,13104,13105,13106,13110],{},"WebP は JPEG と比較して同等の視覚品質で 20〜30 % 程度ファイルサイズを削減できる。",[288,13107,13109],{"href":5610,"rel":13108},[292],"MDN の WebP 解説"," によれば、現在の主要ブラウザは広く WebP をサポートしており、モダンな環境では JPEG を WebP に置き換えるだけでも LCP に貢献する。ただし古い CMS 環境やメールマガジンへの埋め込みなど、WebP 未対応の環境が対象に含まれる場合は慎重に判断する。",[26,13112,13114],{"id":13113},"ステップ-4html-の属性を整備する","ステップ 4：HTML の属性を整備する",[11,13116,13117,13118,8938,13120,13122,13123,13125,13126,13128,13129,13131],{},"圧縮後、画像タグに ",[283,13119,12977],{},[283,13121,12980],{}," 属性を設定して CLS を防ぐ。ファーストビューの画像には ",[283,13124,1454],{},"（または属性なし）、スクロール先の画像には ",[283,13127,1450],{}," を使い分けると、必要なリソースが優先的に読み込まれる。ファーストビュー画像への ",[283,13130,1450],{}," は LCP を悪化させる典型的な誤りなので注意が必要だ。",[15,13133],{},[18,13135,13137],{"id":13136},"zerosend-を使ったブラウザ内圧縮の手順","zerosend を使ったブラウザ内圧縮の手順",[11,13139,13140,13143,13144,13147],{},[288,13141,13142],{"href":437},"zerosend の画像圧縮ツール"," は、圧縮処理をサーバーではなくブラウザ内で完結させる設計になっている。使用しているライブラリは ",[309,13145,13146],{},"browser-image-compression（Web Worker）"," で、メインスレッドをブロックせずにバックグラウンドで処理を走らせる。ファイルの内容は一切外部サーバーに送信されない。",[26,13149,13151],{"id":13150},"ステップ-1ツールにアクセスする","ステップ 1：ツールにアクセスする",[11,13153,13154,13156],{},[288,13155,4645],{"href":437}," をブラウザで開く。インストール不要、アカウント登録不要。Service Worker によるキャッシュが有効なため、初回ロード後はオフライン環境でも動作する。社内ネットワークでインターネットアクセスが制限されている環境でも、一度ロードさえしておけば継続して使用できる。",[26,13158,13160],{"id":13159},"ステップ-2ファイルを選択する","ステップ 2：ファイルを選択する",[11,13162,13163],{},"ドラッグ＆ドロップ、またはファイル選択ダイアログで画像を読み込む。JPEG・PNG・WebP に対応している。複数ファイルをまとめて読み込むバッチ処理にも対応しており、複数枚を一度に圧縮できる。",[26,13165,13167],{"id":13166},"ステップ-3品質スライダーを調整する","ステップ 3：品質スライダーを調整する",[11,13169,13170],{},"品質 70〜80 % が Web サイト用途のデフォルト推奨値だ。ファーストビューの主要ビジュアルであれば 80 %、背景画像や繰り返し使うアイコン類なら 65〜70 % でも視覚的な劣化はほぼ感じられない。スライダーを動かすたびにプレビューが更新されるため、圧縮前後の見た目を比較しながら数値を決められる。",[26,13172,13174],{"id":13173},"ステップ-4network-タブでアップロード通信がゼロであることを確認する","ステップ 4：Network タブでアップロード通信がゼロであることを確認する",[11,13176,13177],{},"セキュリティポリシーが厳しい環境での利用前や、「本当にサーバーに送っていないか」を確認したい場合は、自分で検証できる。Chrome DevTools を開いて Network タブを選択し、ツールを操作しながらリクエストを監視する。画像ファイルに関するアップロード通信が一切発生しないことをリアルタイムで確認できる。クラウド型のサービスではこの確認を行うとアップロードリクエストが記録されるが、zerosend では何も記録されない。",[26,13179,13181],{"id":13180},"ステップ-5ダウンロードして-cms-に反映する","ステップ 5：ダウンロードして CMS に反映する",[11,13183,13184],{},"圧縮後のファイルをダウンロードし、そのまま CMS やサーバーにアップロードする。元ファイルとのサイズ比較が画面上で確認でき、何 % 削減されたかが数値で表示される。",[15,13186],{},[18,13188,13189],{"id":13189},"主要ツールとの比較",[11,13191,13192],{},"圧縮ツールを選ぶ際に重視される観点を整理した。特に「送信先サーバー」列は、機密性の高い画像を扱う場合に見落としがちな観点だ。",[31,13194,13195,13212],{},[34,13196,13197],{},[37,13198,13199,13201,13203,13205,13207,13209],{},[40,13200,767],{},[40,13202,2598],{},[40,13204,10395],{},[40,13206,1040],{},[40,13208,1031],{},[40,13210,13211],{},"バッチ処理",[53,13213,13214,13228,13245,13261,13279],{},[37,13215,13216,13218,13220,13222,13224,13226],{},[58,13217,11900],{},[58,13219,2039],{},[58,13221,1084],{},[58,13223,1109],{},[58,13225,12009],{},[58,13227,1090],{},[37,13229,13230,13232,13235,13238,13240,13242],{},[58,13231,1974],{},[58,13233,13234],{},"あり（Smallpdf のサーバー）",[58,13236,13237],{},"1日 2 ファイルまで",[58,13239,1059],{},[58,13241,9717],{},[58,13243,13244],{},"有料プランのみ",[37,13246,13247,13249,13252,13255,13257,13259],{},[58,13248,1992],{},[58,13250,13251],{},"あり（iLovePDF のサーバー）",[58,13253,13254],{},"1日上限あり",[58,13256,1059],{},[58,13258,9717],{},[58,13260,13244],{},[37,13262,13263,13266,13269,13272,13274,13276],{},[58,13264,13265],{},"TinyPNG \u002F TinyJPG",[58,13267,13268],{},"あり（Tinify のサーバー）",[58,13270,13271],{},"月 500 ファイルまで",[58,13273,1059],{},[58,13275,9717],{},[58,13277,13278],{},"可（API 利用時）",[37,13280,13281,13283,13285,13287,13289,13292],{},[58,13282,3653],{},[58,13284,2039],{},[58,13286,1084],{},[58,13288,1090],{},[58,13290,13291],{},"WASM",[58,13293,13294],{},"不可（1 ファイルずつ）",[11,13296,13297],{},"Smallpdf・iLovePDF・TinyPNG はいずれもクラウドサーバーでの処理が前提であり、アップロードしたファイルは一時的にでも外部サーバーに送信される。個人写真・社内資料・顧客から提供された素材を扱う場合、そのリスクは無視できない。",[11,13299,13300],{},"Squoosh はブラウザ内処理でプライバシー面に優れているが、1 ファイルずつしか処理できないため、複数枚を日常的に扱うワークフローには向いていない。zerosend は複数ファイルの一括処理に対応している点で、実務的な運用に組み込みやすい。",[15,13302],{},[18,13304,13305],{"id":13305},"よくある落とし穴と対処法",[26,13307,13309],{"id":13308},"圧縮したのに-lcp-が改善しない","圧縮したのに LCP が改善しない",[11,13311,13312,13313,13315],{},"最も多い原因は「圧縮した画像とは別のファイルが実際には LCP に使われている」ケースだ。CMS のプラグインが自動生成したサムネイル画像が LCP 対象になっていたり、CSS の ",[283,13314,13090],{}," で設定した画像が LCP 要素になっていたりする。Lighthouse のレポートで対象要素の URL を確認し、実際に差し替えたファイルと一致しているかを必ず検証する。",[11,13317,13318,13319,13321],{},"もう一つの原因として、ファーストビュー画像に ",[283,13320,1450],{}," が設定されている場合がある。lazy-load は LCP 対象要素には逆効果になるため、ファーストビューの画像には設定しない。",[26,13323,13324],{"id":13324},"圧縮しすぎてブランドイメージを損ねた",[11,13326,13327],{},"品質を 50 % 以下まで落とすと、JPEG 特有のブロックノイズが目立ち始める。特に人物写真やグラデーションを含む画像では視覚的な劣化が顕著になる。品質は 70〜80 % を下限の目安とし、どうしてもファイルサイズを削りたい場合はリサイズを先に行う方が品質を維持しやすい。",[26,13329,13330],{"id":13330},"一度だけ対応して終わりにした",[11,13332,13333],{},"新しいページを追加するたびに未最適化の画像が混入すると、サイト全体のスコアは再び悪化する。制作フローに「アップロード前に圧縮ツールを通す」というステップを明示的に組み込むか、CMS の自動最適化機能（WordPress であれば ShortPixel や Imagify 等のプラグイン）を併用することで、属人的な対応をなくすことができる。",[26,13335,13337],{"id":13336},"_100-kb-以下でも警告が出る","100 KB 以下でも警告が出る",[11,13339,13340],{},"ファイルサイズではなく「表示サイズに対して解像度が過剰」と判定されている場合に出る。例えば 100 KB の PNG でも、横幅 2,000 px で書き出されたものを 400 px の領域で表示していれば警告対象になる。リサイズで解像度を表示サイズに合わせることで解消する。",[15,13342],{},[18,13344,7601],{"id":7600},[11,13346,13347],{},[309,13348,13349],{},"Q1. 圧縮すると SEO 的に不利になることはあるか？",[11,13351,13352],{},"ない。Google は表示速度を評価するが、同一 URL で提供される限りファイルサイズの変化それ自体がコンテンツの品質評価に影響することはない。むしろ圧縮によって LCP が改善すれば Core Web Vitals のスコアが向上し、検索順位にプラスに働く可能性がある。",[11,13354,13355],{},[309,13356,13357],{},"Q2. WebP への変換は必須か？",[11,13359,13360],{},"必須ではないが効果は高い。既存の JPEG を WebP に変換するだけで 20〜30 % のファイル削減が見込めるため、LCP がギリギリ合格ラインにあるページでは変換を検討する価値がある。ただし古い CMS 環境やメールマガジンへの埋め込みなど、WebP 未対応の環境が対象に含まれる場合は注意が必要だ。",[11,13362,13363],{},[309,13364,13365],{},"Q3. zerosend で PNG を WebP に変換することはできるか？",[11,13367,13368,13369,13371],{},"zerosend の",[288,13370,1432],{"href":1431},"では、PNG・JPEG を WebP に変換する機能を提供している。圧縮と変換を組み合わせることで、さらに大きなファイルサイズ削減が期待できる。変換処理もブラウザ内で完結するため、ファイルは外部に送信されない。",[11,13373,13374],{},[309,13375,13376],{},"Q4. スマートフォン撮影の写真を直接圧縮してもよいか？",[11,13378,13379],{},"問題ない。ただしスマートフォン写真は EXIF データ（GPS 情報・撮影日時等）を含むことが多い。zerosend のブラウザ内処理ではファイルが外部に送信されないため、EXIF データを含む写真でも情報漏洩のリスクなしに圧縮できる。クラウド型サービスでは EXIF 情報ごと外部サーバーに送信される点と対照的だ。",[11,13381,13382],{},[309,13383,13384],{},"Q5. 画像圧縮以外に LCP を改善する手段はあるか？",[11,13386,13387,13388,13391],{},"ある。CDN の利用、サーバー応答時間の短縮、",[283,13389,13390],{},"\u003Clink rel=\"preload\">"," による画像の事前読み込み指定、フォントの最適化などが代表的な手段だ。ただしこれらは設定変更やインフラ費用を伴うことが多く、即効性という点では画像圧縮が最も着手しやすい。画像圧縮で対処できる改善余地をまず使い切り、それでも目標値に届かない場合に他の手段を検討するのが現実的な順序だ。",[15,13393],{},[18,13395,444],{"id":444},[11,13397,13398],{},"Core Web Vitals のうちページ表示速度に最も直結する LCP を改善するには、画像圧縮が最も即効性の高い手段だ。対応の手順は「LCP 対象要素の特定 → リサイズ → 圧縮 → HTML 属性の整備 → 再計測」のサイクルを回すだけであり、特別な専門知識は不要だ。",[11,13400,13401,13402,13404],{},"プライバシーが気になる業務用途では、ファイルをサーバーに送信しないブラウザ内処理ツールを選ぶことが重要になる。zerosend の",[288,13403,1391],{"href":437},"は browser-image-compression を Web Worker で動作させており、Chrome DevTools の Network タブでアップロード通信がゼロであることを誰でも自分で検証できる。初回ロード後は Service Worker のキャッシュによりオフライン環境でも動作するため、ネットワーク制限のある環境でも継続して使用できる。",[11,13406,13407],{},"一度の対応で終わらせず、画像をアップロードする前に圧縮するというステップを制作フローに組み込むことが、Core Web Vitals のスコアを継続的に維持する最も現実的な方法だ。",{"title":480,"searchDepth":481,"depth":481,"links":13409},[13410,13414,13415,13421,13428,13429,13435,13436],{"id":12933,"depth":481,"text":12934,"children":13411},[13412,13413],{"id":12970,"depth":486,"text":12971},{"id":12984,"depth":486,"text":12985},{"id":13004,"depth":481,"text":13004},{"id":13076,"depth":481,"text":13077,"children":13416},[13417,13418,13419,13420],{"id":13083,"depth":486,"text":13084},{"id":13094,"depth":486,"text":13095},{"id":13101,"depth":486,"text":13102},{"id":13113,"depth":486,"text":13114},{"id":13136,"depth":481,"text":13137,"children":13422},[13423,13424,13425,13426,13427],{"id":13150,"depth":486,"text":13151},{"id":13159,"depth":486,"text":13160},{"id":13166,"depth":486,"text":13167},{"id":13173,"depth":486,"text":13174},{"id":13180,"depth":486,"text":13181},{"id":13189,"depth":481,"text":13189},{"id":13305,"depth":481,"text":13305,"children":13430},[13431,13432,13433,13434],{"id":13308,"depth":486,"text":13309},{"id":13324,"depth":486,"text":13324},{"id":13330,"depth":486,"text":13330},{"id":13336,"depth":486,"text":13337},{"id":7600,"depth":481,"text":7601},{"id":444,"depth":481,"text":444},"LCP悪化の主因は画像の重さ。圧縮前後のスコア目安・手順・プライバシー安全なブラウザ内処理ツールの比較まで、実践的に解説します。",{},"\u002Fblog\u002Fcore-web-vitals-image-compress","2026-05-05",{"title":12928,"description":13437},"core-web-vitals-image-compress","blog\u002Fcore-web-vitals-image-compress",[510,1589,513,1590],"8xGrTd9_1XOSJ2VqFKHo23eJfD3QqjG4aE7BVQVgna4",{"id":13447,"title":13448,"author":6,"body":13449,"category":496,"coverImage":497,"description":13681,"draft":499,"extension":500,"locale":501,"meta":13682,"navigation":503,"noindex":503,"path":13683,"publishedAt":13684,"seo":13685,"slug":13686,"stem":13687,"tags":13688,"updatedAt":13684,"__hash__":13689},"blog\u002Fblog\u002Faudio-convert-intro.md","音声形式を変換する — \u002Ftools\u002Faudio-convert の思想と使い方",{"type":8,"value":13450,"toc":13670},[13451,13454,13460,13463,13489,13492,13499,13502,13505,13526,13529,13553,13556,13582,13585,13588,13612,13615,13617,13623,13629,13635,13641,13644],[11,13452,13453],{},"取材の録音を MP3 に揃えたい、古い WAV ファイルを容量節約のため M4A に変えたい、ポッドキャスト配信用の形式に統一したい。音声ファイルの形式変換は、取材者・編集者・音楽制作者が日常的に行う作業です。",[11,13455,13456,13459],{},[288,13457,13458],{"href":6713},"Zerosend の音声形式変換ツール"," は、この作業をブラウザ内で完結させます。",[18,13461,13462],{"id":13462},"主なユースケース",[303,13464,13465,13471,13477,13483],{},[306,13466,13467,13470],{},[309,13468,13469],{},"MP3 で圧縮配布",": WAV や FLAC などのマスター音源を MP3 に変換して容量を大幅に削減し、メールや共有リンクで配布しやすくする",[306,13472,13473,13476],{},[309,13474,13475],{},"WAV で高音質保存",": 録音した音声インタビューや楽曲を非圧縮の WAV で保存し、後の編集作業に備える",[306,13478,13479,13482],{},[309,13480,13481],{},"動画ファイルから MP3 を抽出",": 講演・ウェビナーの録画動画から音声トラックだけを取り出し、ポッドキャストや音声コンテンツとして再利用する",[306,13484,13485,13488],{},[309,13486,13487],{},"形式の統一",": 複数人から集まった異なる形式の録音ファイルを、編集ソフトに合わせて一括で同一形式に変換する",[18,13490,13491],{"id":13491},"なぜブラウザ内で変換するのか",[11,13493,13494,13495,13498],{},"録音された音声は、",[309,13496,13497],{},"発話の中身そのもの","を情報として持ちます。インタビュー対象者の声、打ち合わせでの発言、取材源の証言。これらを無料のオンライン変換サービスに預けることは、発話内容そのものを第三者のサーバーに預けることと同じです。",[11,13500,13501],{},"Zerosend は変換処理をローカルで行うため、音声ファイルが一切外に出ません。取材ソースの保護や NDA 下の音源加工でも安全に使えます。",[18,13503,13504],{"id":13504},"使い方",[340,13506,13507,13514,13517,13520,13523],{},[306,13508,13509,13513],{},[288,13510,13511],{"href":6713},[283,13512,6713],{}," を開く",[306,13515,13516],{},"音声ファイルをドラッグ&ドロップ (複数可)",[306,13518,13519],{},"出力形式 (MP3 \u002F WAV \u002F M4A \u002F OGG) とビットレートを選択",[306,13521,13522],{},"「変換を開始する」をクリック",[306,13524,13525],{},"結果を ZIP でダウンロード",[18,13527,13528],{"id":13528},"形式の選び方",[303,13530,13531,13536,13541,13547],{},[306,13532,13533,13535],{},[309,13534,6550],{},": 最も汎用。ポッドキャスト・配信・共有の標準",[306,13537,13538,13540],{},[309,13539,6556],{},": 可逆 (ロスレス)。編集中のマスター音源・音楽制作用",[306,13542,13543,13546],{},[309,13544,13545],{},"M4A (AAC)",": MP3 より圧縮効率が良い。iOS 環境で標準",[306,13548,13549,13552],{},[309,13550,13551],{},"OGG (Vorbis)",": オープン形式。ゲーム・一部ブラウザで効率重視",[26,13554,13555],{"id":13555},"ビットレートの目安",[303,13557,13558,13564,13570,13576],{},[306,13559,13560,13563],{},[309,13561,13562],{},"320 kbps",": 音質最優先 (MP3 の実用上限)",[306,13565,13566,13569],{},[309,13567,13568],{},"192 kbps",": 標準品質。一般向け音声の定番",[306,13571,13572,13575],{},[309,13573,13574],{},"128 kbps",": 容量優先。音声解説・ポッドキャスト",[306,13577,13578,13581],{},[309,13579,13580],{},"96 kbps 以下",": 会話のみの録音など、音質より軽さ",[18,13583,13584],{"id":13584},"仕組み",[11,13586,13587],{},"ffmpeg.wasm を使って再エンコードしています。",[303,13589,13590,13593,13606,13609],{},[306,13591,13592],{},"入力音声を ffmpeg FS に書き込み",[306,13594,13595,13596,7286,13599,7286,13602,13605],{},"出力形式に応じたエンコーダ (",[283,13597,13598],{},"libmp3lame",[283,13600,13601],{},"aac",[283,13603,13604],{},"libvorbis"," など) を指定",[306,13607,13608],{},"ビットレート・チャンネル数・サンプリングレートを設定",[306,13610,13611],{},"出力 Blob を生成してダウンロード",[11,13613,13614],{},"メタデータ (タイトル・アーティスト) は極力引き継ぎます。",[18,13616,410],{"id":410},[11,13618,13619,13622],{},[309,13620,13621],{},"Q. 可逆 → 非可逆 (WAV → MP3) と 非可逆 → 非可逆 (MP3 → M4A) の違いは？","\nA. 非可逆 → 非可逆は二重に圧縮されるため音質がさらに劣化します。マスター音源 (WAV) から目的形式に直接変換するのをお勧めします。",[11,13624,13625,13628],{},[309,13626,13627],{},"Q. 複数ファイルのバッチ変換は？","\nA. 対応しています。10〜20 ファイル程度を 1 バッチで処理するのが現実的です。",[11,13630,13631,13634],{},[309,13632,13633],{},"Q. 動画から音声だけ抜き出したい","\nA. 動画ファイルを入力すれば音声トラックを抽出して指定形式で書き出します。",[11,13636,13637,13640],{},[309,13638,13639],{},"Q. ビットレートを自由に指定できる？","\nA. プリセットから選ぶ方式です。細かい制御が必要なら別途専門ツールを検討してください。",[18,13642,13643],{"id":13643},"関連ツール",[303,13645,13646,13652,13658,13664],{},[306,13647,13648,13651],{},[288,13649,13650],{"href":845},"音声トリミング"," — 変換前後の区間切り出し",[306,13653,13654,13657],{},[288,13655,13656],{"href":6059},"動画形式変換"," — 動画側の形式変換",[306,13659,13660,13663],{},[288,13661,13662],{"href":3936},"動画トリミング"," — 音声抽出前の動画整形",[306,13665,13666,13669],{},[288,13667,13668],{"href":6962},"動画圧縮"," — 動画から音声を抽出する前に動画サイズを削減する",{"title":480,"searchDepth":481,"depth":481,"links":13671},[13672,13673,13674,13675,13678,13679,13680],{"id":13462,"depth":481,"text":13462},{"id":13491,"depth":481,"text":13491},{"id":13504,"depth":481,"text":13504},{"id":13528,"depth":481,"text":13528,"children":13676},[13677],{"id":13555,"depth":486,"text":13555},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の音声形式変換ツールは、MP3 \u002F WAV \u002F M4A \u002F FLAC \u002F OGG などをサーバーに送らずブラウザ内で相互変換します。録音インタビューや音源ファイルの形式統一に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Faudio-convert-intro","2026-04-20",{"title":13448,"description":13681},"audio-convert-intro","blog\u002Faudio-convert-intro",[928,1290,767],"ygOl5UxaRR08imNR6CBVNTZYYq81JlBCoDC3Y1Y-98U",{"id":13691,"title":13692,"author":6,"body":13693,"category":496,"coverImage":497,"description":13924,"draft":499,"extension":500,"locale":501,"meta":13925,"navigation":503,"noindex":503,"path":13926,"publishedAt":13684,"seo":13927,"slug":13928,"stem":13929,"tags":13930,"updatedAt":13684,"__hash__":13931},"blog\u002Fblog\u002Faudio-trim-intro.md","音声をトリミング (切り出し) する — \u002Ftools\u002Faudio-trim の思想と使い方",{"type":8,"value":13694,"toc":13914},[13695,13698,13703,13706,13744,13747,13750,13757,13759,13779,13783,13789,13792,13794,13804,13817,13824,13827,13853,13855,13861,13871,13877,13883,13895,13897],[11,13696,13697],{},"60 分のインタビューから引用したい 30 秒を抜き出したい、会議録音の不要な冒頭\u002F末尾をカットしたい、ポッドキャスト素材のつなぎ目を整えたい。音声のトリミングは、録音後の編集で最初に行う作業です。",[11,13699,13700,13459],{},[288,13701,13702],{"href":845},"Zerosend の音声トリミングツール",[18,13704,13705],{"id":13705},"こんな場面で使える",[303,13707,13708,13714,13720,13726,13732,13738],{},[306,13709,13710,13713],{},[309,13711,13712],{},"ポッドキャスト収録の前後カット",": 収録開始前の雑談や終了後の「切れましたか？」をまるごと除去",[306,13715,13716,13719],{},[309,13717,13718],{},"BGM の切り出し",": 長いオーディオトラックから使いたいサビ部分だけを抽出",[306,13721,13722,13725],{},[309,13723,13724],{},"着信音・通知音の作成",": お気に入りの曲の冒頭 30 秒をトリミングして着信音用ファイルに",[306,13727,13728,13731],{},[309,13729,13730],{},"インタビュー引用",": 60 分音源から 30 秒の発言だけを抜き出してプレゼンや記事に添付",[306,13733,13734,13737],{},[309,13735,13736],{},"会議録音の整理",": 30 分の会議音声から議題ごとに区間を切り出してアーカイブ",[306,13739,13740,13743],{},[309,13741,13742],{},"語学学習素材",": リスニング教材の特定フレーズだけを繰り返し練習するために切り出す",[18,13745,13746],{"id":13746},"なぜブラウザ内でトリミングするのか",[11,13748,13749],{},"音声ファイルには発話内容そのものが記録されています。インタビュー、取材、商談、カウンセリング、医療相談。どれも機密性が高く、当事者以外に聞かれることを想定していない音声です。",[11,13751,13752,13753,13756],{},"「一部だけ切り出したい」という作業でも、オンラインツールに預けると",[309,13754,13755],{},"入力した音声全体","が相手に渡ります。Zerosend はトリミング処理をローカルで行うため、アップロードそのものが発生せず、音源全体の機密が守られます。",[18,13758,13504],{"id":13504},[340,13760,13761,13767,13770,13773,13776],{},[306,13762,13763,13513],{},[288,13764,13765],{"href":845},[283,13766,845],{},[306,13768,13769],{},"音声ファイルをドラッグ&ドロップ",[306,13771,13772],{},"開始時刻・終了時刻を指定",[306,13774,13775],{},"「トリミングを開始する」をクリック",[306,13777,13778],{},"切り出された音声をダウンロード",[18,13780,13782],{"id":13781},"ffmpegwasm-によるブラウザ内処理","ffmpeg.wasm によるブラウザ内処理",[11,13784,13785,13786,13788],{},"動画・音声処理の定番ツール ffmpeg は、本来ターミナルから使うソフトウェアです。",[309,13787,6330],{}," はこれを WebAssembly でブラウザ上で動くようにしたもので、インストール不要でネイティブアプリ並みの音声処理が手元で行えます。",[11,13790,13791],{},"Zerosend の音声トリミングも ffmpeg.wasm を通じて動作するため、音声データがサーバーに送られることはありません。機密性の高い音声もブラウザのタブを閉じれば跡形もなく消えます。",[18,13793,13584],{"id":13584},[11,13795,13796,13797,1232,13800,13803],{},"ffmpeg.wasm の ",[283,13798,13799],{},"-ss",[283,13801,13802],{},"-to"," オプションで指定区間を抽出します。",[303,13805,13806,13808,13814],{},[306,13807,13592],{},[306,13809,13810,13813],{},[283,13811,13812],{},"-ss \u003Cstart> -i input -to \u003Cend> -c copy output"," でロスレス抽出",[306,13815,13816],{},"再エンコードなしで切り出すため処理が速く音質劣化もない",[11,13818,13819,13820,13823],{},"入力がどの形式であっても、基本的には同じ形式で書き出されます。形式を変えたいときは ",[288,13821,13822],{"href":6713},"音声形式変換"," と組み合わせてください。",[18,13825,13826],{"id":13826},"使いどころ",[303,13828,13829,13835,13841,13847],{},[306,13830,13831,13834],{},[309,13832,13833],{},"インタビューの引用",": 60 分音源から 30 秒の引用箇所を切り出す",[306,13836,13837,13840],{},[309,13838,13839],{},"不要区間の除去",": 録音冒頭の環境音や末尾の雑音をカット",[306,13842,13843,13846],{},[309,13844,13845],{},"ポッドキャスト編集",": 冗長な「えー」「あのー」を含む区間を削除 (1 区間ずつ)",[306,13848,13849,13852],{},[309,13850,13851],{},"会議議事録の根拠音声",": 要旨に関連する数分の根拠区間を抜き出す",[18,13854,410],{"id":410},[11,13856,13857,13860],{},[309,13858,13859],{},"Q. MP3 は正確にカットできますか？","\nA. MP3 はフレーム境界に依存するため、指定した時刻の直前のフレーム境界に揃います。秒単位の切り出しなら実用上問題ありません。WAV や FLAC などのロスレス形式はより正確なカットが可能です。",[11,13862,13863,13866,13867,13870],{},[309,13864,13865],{},"Q. 音質は落ちますか？","\nA. ",[283,13868,13869],{},"-c copy"," によるロスレス抽出のため、再エンコードが発生せず元の音質がそのまま保持されます。MP3 を MP3 のまま切り出しても音質の劣化はありません。",[11,13872,13873,13876],{},[309,13874,13875],{},"Q. 複数区間を切り出して連結できる？","\nA. 現状は 1 区間のみです。複数区間を抽出したい場合は 1 つずつ切り出してから別途連結してください。",[11,13878,13879,13882],{},[309,13880,13881],{},"Q. フェードイン\u002Fフェードアウトを追加できますか？","\nA. 現状は非対応です。必要なら切り出した音声を別の編集ツールで処理してください。",[11,13884,13885,13888,13889,13891,13892,13894],{},[309,13886,13887],{},"Q. 動画ファイルから音声部分だけ切り出したい","\nA. 動画ファイルを入力して ",[288,13890,13822],{"href":6713}," を使うと、動画の音声トラックを指定形式で抽出できます。トリミングしたい区間があるなら、まず ",[288,13893,13662],{"href":3936}," で区間抽出 → 音声形式変換、の順がお勧めです。",[18,13896,13643],{"id":13643},[303,13898,13899,13904,13909],{},[306,13900,13901,13903],{},[288,13902,13822],{"href":6713}," — トリミング後に形式を変えたいとき",[306,13905,13906,13908],{},[288,13907,13662],{"href":3936}," — 映像付きの区間抽出",[306,13910,13911,13913],{},[288,13912,13656],{"href":6059}," — 動画側の処理",{"title":480,"searchDepth":481,"depth":481,"links":13915},[13916,13917,13918,13919,13920,13921,13922,13923],{"id":13705,"depth":481,"text":13705},{"id":13746,"depth":481,"text":13746},{"id":13504,"depth":481,"text":13504},{"id":13781,"depth":481,"text":13782},{"id":13584,"depth":481,"text":13584},{"id":13826,"depth":481,"text":13826},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の音声トリミングツールは、音声ファイルをサーバーに送らずブラウザ内で任意の区間だけ切り出します。長尺インタビュー・会議録音・ポッドキャスト素材の整形に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Faudio-trim-intro",{"title":13692,"description":13924},"audio-trim-intro","blog\u002Faudio-trim-intro",[928,930,767],"xOaMMee0jyUB9vJwwuU6c1V9z2rn4aDGY_ATuzvD4bA",{"id":13933,"title":13934,"author":6,"body":13935,"category":496,"coverImage":497,"description":14137,"draft":499,"extension":500,"locale":501,"meta":14138,"navigation":503,"noindex":503,"path":14139,"publishedAt":13684,"seo":14140,"slug":14141,"stem":14142,"tags":14143,"updatedAt":12228,"__hash__":14144},"blog\u002Fblog\u002Fheic-to-jpg-intro.md","HEIC を JPG に変換する — \u002Ftools\u002Fheic-to-jpg の思想と使い方",{"type":8,"value":13936,"toc":14128},[13937,13940,13947,13951,13954,13957,13960,13963,13966,13969,13972,13975,13978,13981,13984,13987,13990,13993,13996,14002,14005,14008,14019,14041,14044,14047,14050,14053,14056,14059,14062,14065,14068,14074,14080,14090,14099,14102,14105,14111,14118,14125],[11,13938,13939],{},"iPhone で撮影した写真を同僚や取引先に送ったら「開けません」と返ってきた——そんな経験をした人は少なくないはずです。iPhone の標準保存形式である HEIC (High Efficiency Image Container) は、Apple のエコシステムの外では互換性が限定的で、Windows PC や Android 端末、さらには多くの Web サービスでもそのまま扱いにくいのが実情です。",[11,13941,13942,13943,13946],{},"変換方法はいくつかありますが、手軽さとプライバシーの両立という点では、ブラウザ内で処理が完結する方法が理にかなっています。zerosend の ",[288,13944,13945],{"href":8736},"HEIC → JPG 変換"," はその考え方をベースに作られたツールです。この記事では、HEIC という形式の特性から始め、変換が現実的に必要になる場面、ブラウザ処理の仕組みと実際の手順、そして使うときに知っておくべき注意点まで、実践に直結する形で解説します。",[18,13948,13950],{"id":13949},"heic-という形式が抱える互換性の壁","HEIC という形式が抱える互換性の壁",[11,13952,13953],{},"HEIC は Apple が iOS 11（2017年）から採用したコンテナ形式で、内部的には HEVC（H.265）という映像圧縮アルゴリズムを静止画に応用しています。同等の画質を保ちながら JPG の約半分のファイルサイズを実現するため、ストレージ効率の観点では非常に優秀な形式です。iPhone が何年も前から HEIC をデフォルトにしているのはそのためです。",[11,13955,13956],{},"問題は、この形式が Apple の外に出た途端に摩擦を生じさせることにあります。",[11,13958,13959],{},"Windows 10 以降は HEIC ファイルを開くために Microsoft Store から「HEVC ビデオ拡張機能」を別途インストールする必要があります。かつては有償（約120円）でしたが、現在は無償で取得できるケースもあるものの、企業の管理下に置かれた PC では Microsoft Store 自体が制限されていることも多く、そもそも手順を知らないまま「開けない」で終わるユーザーが大半です。",[11,13961,13962],{},"画像編集ソフトでも状況は似ていて、Adobe Photoshop や Lightroom はバージョンによって対応状況が異なり、古い環境に依存している現場では HEIC がそのまま使い物にならないことがあります。Web サービスについては、X（旧 Twitter）や Facebook、note、各種クラウドストレージなど、HEIC のアップロードを受け付けないプラットフォームが今でも存在します。ファイルを選択してアップロードしようとしたら弾かれた、という体験は HEIC 特有のつまずきポイントです。",[11,13964,13965],{},"こうした背景を踏えると、HEIC を JPG に変換するのは「念のため」ではなく、実際のワークフローで避けられない作業になっているケースが多いことが分かります。",[18,13967,13968],{"id":13968},"変換が必要になる典型的な場面",[11,13970,13971],{},"HEIC の互換性問題が具体的に表面化するのは、どのような状況でしょうか。よくあるパターンを整理しておくと、自分の状況に当てはめやすくなります。",[11,13973,13974],{},"仕事で iPhone を使って撮影した資料写真や現場の状況写真を、Windows 環境のチームメンバーに共有するケースは非常に多いです。メールや社内チャットで送るだけなら届きますが、受け取った側が開けないという問題が生じます。特に HEIC コーデックが入っていない PC では、ファイルアイコンがグレーになったまま何も表示されません。",[11,13976,13977],{},"ブログや SNS への投稿も同様です。iPhone のカメラロールから直接写真を選んでアップロードしようとすると、形式エラーで弾かれることがあります。プラットフォームによってはエラーメッセージすら明確でなく、「なぜかアップロードできない」という状態に陥ります。",[11,13979,13980],{},"フリーランスのカメラマンやデザイナーが iPhone をサブカメラとして使う場合、クライアントへの納品ファイルに HEIC が混在するのは問題です。形式を JPG に統一することは、納品物の品質管理として当然の作業になります。",[11,13982,13983],{},"また、古い機器との連携も見落としがちな場面です。デジタルフォトフレームや一部のプリンターは HEIC 非対応であるため、印刷前の変換が必要になります。これはエンジニアではなく一般家庭のユーザーが直面する状況で、手軽に解決できる手段が求められています。",[18,13985,13986],{"id":13986},"なぜファイルをアップロードしない方法を選ぶべきか",[11,13988,13989],{},"「HEIC 変換」と検索すると、無料のオンラインサービスが多数ヒットします。使い方は簡単で、ファイルをアップロードして変換されたファイルをダウンロードするだけです。ただ、このフローには根本的な問題があります。ファイルが一度でも外部サーバーに送られた時点で、その写真のコントロールは自分の手を離れます。",[11,13991,13992],{},"iPhone の写真には、本人の顔や家族の姿、家の内部、さらには EXIF データとして撮影日時や GPS 座標が埋め込まれているケースがあります。これらを不特定の第三者が運営するサーバーにアップロードすることは、個人情報保護の観点から見ると軽視できないリスクです。利用規約にデータの使途が明記されていたとしても、実際の運用がどうなっているかをユーザーが確認する手段はほとんどありません。",[11,13994,13995],{},"業務用途ではさらに厳しい制約があります。NDA（秘密保持契約）を結んでいるプロジェクトの撮影素材、医療・法務・不動産などの機密性の高い写真は、外部サーバーへの送信自体がアウトになるケースがあります。こうした場面では「サーバーに送らない」という設計が、単なる付加価値ではなく必須条件になります。",[11,13997,13998,13999,14001],{},"zerosend の ",[288,14000,13945],{"href":8736}," は、デコードから JPG の書き出しまでをすべてブラウザ内で処理します。ファイルはネットワークを経由せず、処理はブラウザのタブの中だけで閉じます。ページを閉じれば元のファイルも変換後のファイルも端末のキャッシュにすら残りません。",[18,14003,14004],{"id":14004},"ブラウザ内変換の技術的な仕組み",[11,14006,14007],{},"ブラウザ内だけで HEIC を JPG に変換できると聞くと不思議に思えるかもしれません。現時点でブラウザの標準機能（Web API）には HEIC のデコード機能がないため、外部ライブラリを使って補います。",[11,14009,14010,14011,14014,14015,14018],{},"zerosend では ",[283,14012,14013],{},"heic2any"," というライブラリを使っています。これは C で書かれた ",[283,14016,14017],{},"libheif"," ライブラリを WebAssembly（WASM）にコンパイルして JavaScript から利用可能にしたもので、HEIC ファイルの展開処理をブラウザ内のサンドボックス環境で実行できます。",[11,14020,14021,14022,14025,14026,14029,14030,14032,14033,14036,14037,14040],{},"処理の流れを大まかに説明すると、まず選択された HEIC ファイルを ",[283,14023,14024],{},"FileReader"," API で ",[283,14027,14028],{},"ArrayBuffer"," として読み込みます。その ArrayBuffer を ",[283,14031,14013],{}," に渡すと、内部で libheif の WASM モジュールが HEVC デコードを行い、JPEG の Blob オブジェクトとして返します。品質設定を変更したい場合は、",[283,14034,14035],{},"Canvas"," 要素経由でさらに再エンコードをかけることで任意の圧縮率を指定できます。最後に元のファイル名の拡張子を ",[283,14038,14039],{},".jpg"," に変えて書き出します。",[11,14042,14043],{},"初回のみ libheif の WASM（約 2MB）をダウンロードする処理が入るため、最初の変換には少し時間がかかります。2 回目以降はブラウザキャッシュに保持されるため、待ち時間なく即時に変換が始まります。オフライン環境であっても、一度キャッシュに乗っていれば動作します。",[11,14045,14046],{},"複数ファイルの処理はループで順次行われます。数十枚程度であれば快適に処理できますが、100 枚を超えるような大量のバッチ処理では、ブラウザのメモリ状況によっては処理が遅くなることがあります。その場合は 30〜50 枚程度に分けて変換するのが現実的な対処です。",[18,14048,14049],{"id":14049},"実際の変換手順と設定の選び方",[11,14051,14052],{},"操作そのものはシンプルですが、設定の意味を理解しておくと出力結果の質が上がります。",[11,14054,14055],{},"ツールを開いたら、HEIC または HEIF ファイルをドラッグ&ドロップするか、ファイル選択ダイアログから複数ファイルを選んでください。HEIC と HEIF はコンテナの呼称が異なるだけで、実態はほぼ同じ形式です（HEIF がコンテナの総称で、その中で HEVC エンコードされた静止画が HEIC と呼ばれます）。どちらも変換対象として認識されます。",[11,14057,14058],{},"品質スライダーは JPG の圧縮率を制御します。数値が高いほど高画質で大きいファイルになり、低いほど小さなファイルになります。Web 掲載用なら 75〜80、印刷素材や画像編集のベースとして使うなら 90 前後を目安にするとバランスがとれます。元の HEIC はすでに高効率な圧縮がかかっているため、JPG 品質を 100 にしてもファイルサイズが極端に膨らむわけではありませんが、HEIC → JPEG の再エンコードを経る分、理論的には画質の劣化は避けられません。必要以上に高品質にしても意味がないことは覚えておいてください。",[11,14060,14061],{},"変換が完了すると ZIP ファイルで一括ダウンロードできます。元のファイル名が保持されているため、変換後に別途リネームする手間がかかりません。ブラウザが許可する場合は個別に保存することもできますが、複数ファイルを扱う場合は ZIP の方が効率的です。",[18,14063,14064],{"id":14064},"変換前に知っておきたい注意点",[11,14066,14067],{},"HEIC から JPG への変換に際して、知っておくと後で困らない点をいくつか補足します。",[11,14069,14070,14073],{},[309,14071,14072],{},"EXIF データの扱い","：HEIC には撮影日時、カメラモデル、絞り値やシャッタースピードなどの撮影情報、そして GPS 座標（位置情報）が EXIF として含まれていることがあります。変換後の JPG でどの情報が引き継がれ、どの情報が失われるかはツールの実装によって異なります。位置情報が削除される場合はプライバシーの観点からむしろ安心ですが、撮影日時が残るかどうかは用途によって重要度が変わります。SNS 投稿前に位置情報を確実に削除したい場合は、変換後に EXIF 削除ツールを別途使うのが確実です。",[11,14075,14076,14079],{},[309,14077,14078],{},"Live Photo の扱い","：iPhone の Live Photo は静止画と短い動画（MOV）がセットになった形式です。HEIC ファイルとして保存されるのは静止画部分のみで、変換後も静止画の JPG が出力されます。動画部分は HEIC の中には入っておらず、別のファイルとして存在しています。Live Photo の動画部分も必要な場合は、iPhone の「写真」アプリで書き出す設定を「現状のまま」にして MOV ファイルを別途取り出す必要があります。",[11,14081,14082,14085,14086,14089],{},[309,14083,14084],{},"Apple ProRAW と HEIC の混在","：iPhone 12 Pro 以降で ProRAW 撮影をしている場合、カメラロールには ",[283,14087,14088],{},".dng"," 拡張子の RAW ファイルが含まれることがあります。これは HEIC ではないため、HEIC 変換ツールでは処理できません。用途に応じて RAW 現像ソフトで別途 JPG に書き出す必要があります。",[11,14091,14092,14095,14096,14098],{},[309,14093,14094],{},"ファイルサイズの変化","：HEIC は非常に効率的な圧縮形式であるため、変換後の JPG は同等画質の場合にファイルサイズが増えることがあります。これは変換の失敗ではなく、形式の特性上の変化です。Web 掲載用にさらに軽くしたい場合は、変換後に ",[288,14097,11596],{"href":437}," を使ってサイズを調整することをお勧めします。",[18,14100,14101],{"id":14101},"変換後の用途に応じた次のステップ",[11,14103,14104],{},"JPG に変換したあと、用途によってはさらに加工が必要になることがあります。",[11,14106,14107,14108,14110],{},"Web やブログに掲載する場合、JPG のファイルサイズが大きいと読み込み速度に影響します。",[288,14109,11596],{"href":437}," で品質を落とさずにファイルサイズを削減するか、WebP 形式に変換して現代のブラウザ向けに最適化するのが一般的な対処です。",[11,14112,14113,14114,14117],{},"複数の写真を1枚の PDF にまとめて提出・共有したい場合は、",[288,14115,14116],{"href":7255},"画像 → PDF 変換"," を使うと変換後の JPG をそのまま PDF にまとめられます。紙の資料と共有するビジネス用途や、写真を印刷所に入稿する際に PDF 形式を求められるケースに対応できます。",[11,14119,14120,14121,14124],{},"写真の寸法を特定のサイズに揃えたい——たとえばプロフィール画像やサムネイルとして規定の解像度に合わせたい——場合は、",[288,14122,14123],{"href":383},"画像リサイズ"," で幅・高さを数値指定して調整できます。",[11,14126,14127],{},"iPhone 写真の互換性問題は、HEIC という形式が優秀であるがゆえに生じるトレードオフです。Apple エコシステムの中だけで完結する使い方なら問題ありませんが、外部と写真をやり取りする機会がある限り、JPG への変換は避けられない作業です。どうせ変換するなら、ファイルを外に送り出すことなくブラウザの中だけで片付けてしまう方が、余計な心配をせずに済みます。",{"title":480,"searchDepth":481,"depth":481,"links":14129},[14130,14131,14132,14133,14134,14135,14136],{"id":13949,"depth":481,"text":13950},{"id":13968,"depth":481,"text":13968},{"id":13986,"depth":481,"text":13986},{"id":14004,"depth":481,"text":14004},{"id":14049,"depth":481,"text":14049},{"id":14064,"depth":481,"text":14064},{"id":14101,"depth":481,"text":14101},"iPhone で撮った HEIC 画像を Windows \u002F Android や古いシステムで開けるよう JPG に変換するツール。サーバーに送らずブラウザ内で変換する仕組みと注意点を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fheic-to-jpg-intro",{"title":13934,"description":14137},"heic-to-jpg-intro","blog\u002Fheic-to-jpg-intro",[510,767,1290,766],"coiHOrxrMORhAV5eMwrUt-0E4goOPviPY140ak7tn1k",{"id":14146,"title":14147,"author":6,"body":14148,"category":496,"coverImage":497,"description":14350,"draft":499,"extension":500,"locale":501,"meta":14351,"navigation":503,"noindex":503,"path":14352,"publishedAt":13684,"seo":14353,"slug":14354,"stem":14355,"tags":14356,"updatedAt":13684,"__hash__":14357},"blog\u002Fblog\u002Fimage-convert-intro.md","画像形式変換をブラウザ内で — \u002Ftools\u002Fimage-convert の思想と使い方",{"type":8,"value":14149,"toc":14341},[14150,14153,14156,14182,14188,14191,14194,14197,14204,14207,14209,14228,14230,14252,14259,14261,14268,14289,14296,14298,14304,14310,14316,14322,14324],[11,14151,14152],{},"「PNG で貰ったロゴを JPEG にしたい」「iPhone で撮った HEIC を JPG で送りたい」「サイト表示を速くするために WebP に揃えたい」。画像の形式変換は地味ですが発生頻度の高い作業です。",[11,14154,14155],{},"よくあるユースケースを整理するとこうなります。",[303,14157,14158,14164,14170,14176],{},[306,14159,14160,14163],{},[309,14161,14162],{},"Web 担当者",": 納品された PNG 素材を WebP に変換してページ表示を高速化したい",[306,14165,14166,14169],{},[309,14167,14168],{},"デザイナー",": 透過 PNG のロゴを、背景色固定の JPEG に変換してメール添付したい",[306,14171,14172,14175],{},[309,14173,14174],{},"一般ユーザー",": Windows で開けない HEIC をとにかく JPG に直したい",[306,14177,14178,14181],{},[309,14179,14180],{},"開発者",": 複数形式が混在した画像フォルダを WebP に一括統一したい",[11,14183,14184,14187],{},[288,14185,14186],{"href":1431},"Zerosend の画像形式変換ツール"," は、この日常作業をブラウザ内で完結させます。一度も外に出さずに、あなたの端末だけで別形式に書き出します。",[18,14189,14190],{"id":14190},"形式を変換したい主な理由",[11,14192,14193],{},"画像形式ごとに得意な用途が異なります。目的に合った形式を選ぶだけで、ファイルサイズが 30〜50% 小さくなったり、透過表現が使えるようになったりします。変換そのものを手軽にできる環境があると、素材管理の自由度が大きく上がります。",[18,14195,14196],{"id":14196},"なぜブラウザ内で形式変換するのか",[11,14198,14199,14200,14203],{},"画像変換サービスの多くは、アップロード → サーバーで変換 → ダウンロード という流れです。社員写真、契約書のスキャン、製品デザイン案。",[309,14201,14202],{},"中身を見られたくない画像ほど、オンライン変換ツールに投げづらい","のが現実です。",[11,14205,14206],{},"Zerosend は、変換処理そのものがブラウザ内で完結するため、機密性の高い素材でもそのまま使えます。DevTools の Network タブを開いたまま変換しても、画像本体がアップロードされていないことを自分で確認できます。",[18,14208,13504],{"id":13504},[340,14210,14211,14217,14220,14223,14225],{},[306,14212,14213,13513],{},[288,14214,14215],{"href":1431},[283,14216,1431],{},[306,14218,14219],{},"画像をドラッグ&ドロップ (複数可)",[306,14221,14222],{},"出力形式 (JPEG \u002F PNG \u002F WebP) と品質を選択",[306,14224,13522],{},[306,14226,14227],{},"結果を ZIP でまとめてダウンロード",[18,14229,13528],{"id":13528},[303,14231,14232,14237,14242,14247],{},[306,14233,14234,14236],{},[309,14235,1406],{},": 写真・背景画像。透過不要。古いブラウザ\u002Fアプリ互換性が最重要なら",[306,14238,14239,14241],{},[309,14240,1412],{},": ロゴ・UI パーツ・透過必要なグラフィック。可逆圧縮",[306,14243,14244,14246],{},[309,14245,1418],{},": 汎用。JPEG より 25〜35% 小さくなり、透過も扱える。モダン用途の標準",[306,14248,14249,14251],{},[309,14250,11558],{},": 更に小さいが生成コストが高く、ブラウザ対応がまだ揃いきらない",[11,14253,14254,14255,14258],{},"ブログや EC で表示速度を気にするなら ",[309,14256,14257],{},"WebP 一択","と言って差し支えありません。",[18,14260,13584],{"id":13584},[11,14262,14263,14264,14267],{},"Canvas API の ",[283,14265,14266],{},"canvas.toBlob(callback, 'image\u002Fwebp', quality)"," を使って変換しています。ブラウザ標準のエンコーダなので、外部ライブラリ依存もありません。",[303,14269,14270,14276,14283],{},[306,14271,14272,14273,14275],{},"入力画像を ",[283,14274,5573],{}," として読み込み",[306,14277,14278,14279,14282],{},"同寸の ",[283,14280,14281],{},"\u003Ccanvas>"," に描画",[306,14284,14285,14288],{},[283,14286,14287],{},"toBlob"," で出力形式と品質を指定して書き出し",[11,14290,14291,14292,14295],{},"HEIC 入力のみ別ツール (",[288,14293,14294],{"href":8736},"HEIC → JPG",") に振り分けています。HEIC デコーダがブラウザ標準にまだ入っていないため、別ライブラリを読み込む必要があるためです。",[18,14297,410],{"id":410},[11,14299,14300,14303],{},[309,14301,14302],{},"Q. WebP に変換するメリットは？","\nA. 同じ視覚品質で JPEG より 25〜35% 小さくなります。透過も扱えるため PNG の代替にもなり、モダンブラウザはすべて対応済みです。ブログや EC では積極的に使う価値があります。",[11,14305,14306,14309],{},[309,14307,14308],{},"Q. 透過 PNG を JPEG にしたらどうなる？","\nA. 透過部分は白で塗られます。意図しない結果になりやすいので注意してください。透過を維持したい場合は WebP か PNG のままにしてください。",[11,14311,14312,14315],{},[309,14313,14314],{},"Q. 元のメタデータ (EXIF) は引き継がれる？","\nA. 落ちます。位置情報漏れの予防としてはむしろ利点です。",[11,14317,14318,14321],{},[309,14319,14320],{},"Q. バッチ処理の上限は？","\nA. 端末のメモリ次第ですが、実用上は 100 枚前後までを推奨します。",[18,14323,13643],{"id":13643},[303,14325,14326,14331,14336],{},[306,14327,14328,14330],{},[288,14329,11596],{"href":437}," — 品質指定で再エンコードしてサイズ削減",[306,14332,14333,14335],{},[288,14334,14123],{"href":383}," — 形式変換と同時に寸法も揃えたいときは先にこちら",[306,14337,14338,14340],{},[288,14339,14294],{"href":8736}," — iPhone 写真専用の変換",{"title":480,"searchDepth":481,"depth":481,"links":14342},[14343,14344,14345,14346,14347,14348,14349],{"id":14190,"depth":481,"text":14190},{"id":14196,"depth":481,"text":14196},{"id":13504,"depth":481,"text":13504},{"id":13528,"depth":481,"text":13528},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の画像形式変換ツールは、JPEG \u002F PNG \u002F WebP \u002F AVIF をサーバーに送らず相互変換します。用途別の形式選び、透過・圧縮率の違いを Zerosend 編集部が整理します。",{},"\u002Fblog\u002Fimage-convert-intro",{"title":14147,"description":14350},"image-convert-intro","blog\u002Fimage-convert-intro",[510,1290,1418,767],"dNXvxzCCHaktG8_WTz9m52p5ftzxx-Jq6uk8-nqakoA",{"id":14359,"title":14360,"author":6,"body":14361,"category":496,"coverImage":497,"description":14569,"draft":499,"extension":500,"locale":501,"meta":14570,"navigation":503,"noindex":503,"path":14571,"publishedAt":13684,"seo":14572,"slug":14573,"stem":14574,"tags":14575,"updatedAt":13684,"__hash__":14576},"blog\u002Fblog\u002Fimage-edit-intro.md","画像の切り抜き・回転・反転をブラウザ内で — \u002Ftools\u002Fimage-edit の思想と使い方",{"type":8,"value":14362,"toc":14561},[14363,14366,14372,14374,14412,14415,14418,14424,14427,14429,14466,14468,14503,14506,14508,14514,14523,14529,14535,14541,14543],[11,14364,14365],{},"SNS アイコンの正方形切り出し、履歴書の証明写真の比率合わせ、商品画像の回転、スキャン画像の左右反転。Photoshop を開くほどでもないのに地味に面倒な作業ですよね。",[11,14367,14368,14371],{},[288,14369,14370],{"href":4230},"Zerosend の画像編集ツール"," は、この 3 操作を 1 画面に集約してブラウザ内で完結させます。",[18,14373,13705],{"id":13705},[303,14375,14376,14382,14388,14394,14400,14406],{},[306,14377,14378,14381],{},[309,14379,14380],{},"SNS アイコン・プロフィール画像",": Instagram や Twitter は正方形が基本。1:1 プリセットでワンクリック切り抜き",[306,14383,14384,14387],{},[309,14385,14386],{},"証明写真のトリミング",": 就活・パスポート申請用に 3:4 比率で切り抜き。顔が含まれるデータをサーバーに送りたくないときに特に有効",[306,14389,14390,14393],{},[309,14391,14392],{},"スキャン画像の向き修正",": スキャナが横向きで読み込んだ場合、90° 回転で即座に修正",[306,14395,14396,14399],{},[309,14397,14398],{},"商品画像の整形",": EC サイト用に余白をカットして正方形化",[306,14401,14402,14405],{},[309,14403,14404],{},"鏡像反転",": 文字が逆に写り込んだ画像を水平反転で修正",[306,14407,14408,14411],{},[309,14409,14410],{},"ブログ・資料のサムネイル",": 16:9 プリセットで統一感のある横長画像を作成",[18,14413,14414],{"id":14414},"なぜブラウザ内で編集するのか",[11,14416,14417],{},"トリミングは個人情報と密接です。証明写真を切り出すなら顔、名刺をスキャンするなら氏名・連絡先、社内資料の一部を切り出すなら機密情報が含まれます。",[11,14419,14420,14421,6316],{},"これらを「画像を切り抜くだけ」のオンラインツールにアップロードすると、切り抜き前の原版が相手のサーバーに残る可能性があります。オンラインツールはビジネスモデル上、アップロード済みのファイルをログ・解析・AI 学習に回しても契約上問題にならないケースが多く、",[309,14422,14423],{},"利用者側からはその境界が見えません",[11,14425,14426],{},"Zerosend は編集処理そのものをローカルで行うことで、この不透明性を取り除きます。",[18,14428,13504],{"id":13504},[340,14430,14431,14437,14440,14463],{},[306,14432,14433,13513],{},[288,14434,14435],{"href":4230},[283,14436,4230],{},[306,14438,14439],{},"画像をドラッグ&ドロップ",[306,14441,14442,14443],{},"3 つの操作から選ぶ:\n",[303,14444,14445,14451,14457],{},[306,14446,14447,14450],{},[309,14448,14449],{},"切り抜き",": 矩形を選択範囲として指定",[306,14452,14453,14456],{},[309,14454,14455],{},"回転",": 90° \u002F 180° \u002F 270° の 3 ステップ",[306,14458,14459,14462],{},[309,14460,14461],{},"反転",": 水平 \u002F 垂直",[306,14464,14465],{},"プレビューで結果を確認してダウンロード",[18,14467,13584],{"id":13584},[303,14469,14470,14482,14491],{},[306,14471,14472,14474,14475,14477,14478,14481],{},[309,14473,14449],{},": 選択した矩形の寸法の ",[283,14476,14281],{}," を作り、",[283,14479,14480],{},"drawImage"," で元画像の該当領域を切り出し",[306,14483,14484,14486,14487,14490],{},[309,14485,14455],{},": 回転行列を ",[283,14488,14489],{},"ctx.transform"," で適用してから描画",[306,14492,14493,2412,14495,14498,14499,14502],{},[309,14494,14461],{},[283,14496,14497],{},"ctx.scale(-1, 1)"," で水平、",[283,14500,14501],{},"ctx.scale(1, -1)"," で垂直",[11,14504,14505],{},"いずれも Canvas API の基本操作の組み合わせで、追加ライブラリは使っていません。処理は数十ミリ秒で完了します。",[18,14507,410],{"id":410},[11,14509,14510,14513],{},[309,14511,14512],{},"Q. 元の画像ファイルは変更されますか？","\nA. いいえ。処理はブラウザのメモリ上で行われ、ダウンロードするまで何も書き変わりません。元ファイルはそのまま手元に残ります。",[11,14515,14516,14519,14520,14522],{},[309,14517,14518],{},"Q. 対応している画像形式は？","\nA. JPEG・PNG・WebP・GIF (静止画) に対応しています。HEIC 形式の場合は先に ",[288,14521,13945],{"href":8736}," を使ってから編集してください。",[11,14524,14525,14528],{},[309,14526,14527],{},"Q. 比率指定 (1:1, 4:3, 16:9) で切り抜けますか？","\nA. はい。プリセットボタンで一発切り替えできます。SNS アイコンは 1:1、YouTube サムネは 16:9 など。",[11,14530,14531,14534],{},[309,14532,14533],{},"Q. 複数画像をまとめて同じ比率で切り抜けますか？","\nA. 現状は 1 枚ずつです。バッチ処理は要望を見ながら検討します。",[11,14536,14537,14540],{},[309,14538,14539],{},"Q. 編集後に再度編集したい場合は？","\nA. ダウンロードしたファイルを再度ドロップすれば、何度でも編集できます。",[18,14542,13643],{"id":13643},[303,14544,14545,14550,14555],{},[306,14546,14547,14549],{},[288,14548,14123],{"href":383}," — 切り抜き後に寸法を揃えたいとき",[306,14551,14552,14554],{},[288,14553,11596],{"href":437}," — 編集後の軽量化",[306,14556,14557,14560],{},[288,14558,14559],{"href":2670},"画像結合"," — 複数画像を 1 枚にまとめたいとき",{"title":480,"searchDepth":481,"depth":481,"links":14562},[14563,14564,14565,14566,14567,14568],{"id":13705,"depth":481,"text":13705},{"id":14414,"depth":481,"text":14414},{"id":13504,"depth":481,"text":13504},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の画像編集ツールは、切り抜き・回転・反転をサーバーに送らず端末内で処理します。証明写真・SNS アイコン・商品画像のトリミングで使える基本操作を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-edit-intro",{"title":14360,"description":14569},"image-edit-intro","blog\u002Fimage-edit-intro",[510,929,767],"0hG7liiv-RC6UszRMXKm0Pu_JTdGZnwSKP8_nwe7UfA",{"id":14578,"title":14579,"author":6,"body":14580,"category":496,"coverImage":497,"description":14785,"draft":499,"extension":500,"locale":501,"meta":14786,"navigation":503,"noindex":503,"path":14787,"publishedAt":13684,"seo":14788,"slug":14789,"stem":14790,"tags":14791,"updatedAt":13684,"__hash__":14792},"blog\u002Fblog\u002Fimage-merge-intro.md","複数画像を 1 枚にまとめる — \u002Ftools\u002Fimage-merge の思想と使い方",{"type":8,"value":14581,"toc":14776},[14582,14585,14591,14594,14601,14604,14606,14629,14631,14657,14660,14664,14684,14690,14692,14718,14720,14729,14735,14744,14750,14756,14758],[11,14583,14584],{},"スマホのスクリーンショットを複数枚まとめて 1 枚の縦長画像にしたい。商品のビフォーアフター画像を横並びで 1 枚にしたい。操作マニュアルの手順画像を縦に並べて 1 ファイルにまとめたい。比較画像や before\u002Fafter の資料作りで、画像を並べたいシーンは日常的に発生します。",[11,14586,14587,14590],{},[288,14588,14589],{"href":2670},"Zerosend の画像結合ツール"," は、こうした「複数画像を 1 枚にまとめる」需要をブラウザ内で完結させます。",[18,14592,14593],{"id":14593},"なぜブラウザ内で結合するのか",[11,14595,14596,14597,14600],{},"結合対象の画像には、アプリの画面キャプチャ、社内ドキュメントのスクショ、顧客の LINE 履歴など機密性の高いものが混ざりがちです。",[309,14598,14599],{},"結合対象を全部まとめてサーバーに上げる","ということは、それだけの量の機密情報を一度に外に出すことと同じです。",[11,14602,14603],{},"Zerosend は結合処理そのものがローカルで動くため、何枚投入しても 1 枚のファイルも外に出ません。",[18,14605,13504],{"id":13504},[340,14607,14608,14614,14617,14620,14623,14626],{},[306,14609,14610,13513],{},[288,14611,14612],{"href":2670},[283,14613,2670],{},[306,14615,14616],{},"画像を複数枚ドラッグ&ドロップ",[306,14618,14619],{},"結合方向を選ぶ (縦に連結 \u002F 横に連結 \u002F グリッド)",[306,14621,14622],{},"順序が違う場合はドラッグで並べ替え",[306,14624,14625],{},"「結合を開始する」をクリック",[306,14627,14628],{},"1 枚の画像としてダウンロード",[18,14630,13584],{"id":13584},[303,14632,14633,14636,14642,14648,14651],{},[306,14634,14635],{},"各入力画像の寸法を計測",[306,14637,14638,14639,14641],{},"結合後の ",[283,14640,14281],{}," サイズを計算 (縦連結なら幅は最大・高さは合計)",[306,14643,14644,14645,14647],{},"画像を順に ",[283,14646,14480],{}," で配置",[306,14649,14650],{},"幅\u002F高さが揃わない場合は縦横比を保って自動センタリング",[306,14652,14653,14656],{},[283,14654,14655],{},"canvas.toBlob()"," で PNG \u002F JPEG として書き出し",[11,14658,14659],{},"全処理は Canvas API の組み合わせで完結します。100 枚程度の結合まで現実的です。",[18,14661,14663],{"id":14662},"縦結合横結合の使い分け","縦結合・横結合の使い分け",[303,14665,14666,14672,14678],{},[306,14667,14668,14671],{},[309,14669,14670],{},"縦に連結",": スマホのスクロールスクリーンショットをつなぐ、手順説明の連番画像をまとめる",[306,14673,14674,14677],{},[309,14675,14676],{},"横に連結",": ビフォー\u002Fアフターを並べる、比較検討資料を 1 枚にする",[306,14679,14680,14683],{},[309,14681,14682],{},"グリッド",": 複数カットを整然と並べて SNS 投稿やカタログ素材にする",[11,14685,14686,14687,14689],{},"サイズが異なる画像は、余白を自動で埋めて揃えます。事前に ",[288,14688,14123],{"href":383}," で寸法を統一しておくと、余白なしにきれいに仕上がります。",[18,14691,13826],{"id":13826},[303,14693,14694,14700,14706,14712],{},[306,14695,14696,14699],{},[309,14697,14698],{},"スクショ集約",": アプリのフロー解説で、複数画面を 1 枚にまとめて Slack に貼る",[306,14701,14702,14705],{},[309,14703,14704],{},"比較画像",": ビフォー\u002Fアフターを横並びで 1 枚に",[306,14707,14708,14711],{},[309,14709,14710],{},"SNS 投稿",": Instagram の 1 枚投稿でも複数カットを見せる",[306,14713,14714,14717],{},[309,14715,14716],{},"申請書類",": 表紙と本文を 1 画像にまとめて提出",[18,14719,410],{"id":410},[11,14721,14722,14725,14726,14728],{},[309,14723,14724],{},"Q. 結合後のファイルサイズはどのくらいになりますか？","\nA. 入力枚数と解像度に比例して大きくなります。多数枚を結合した場合は ",[288,14727,11596],{"href":437}," で軽量化するのがおすすめです。",[11,14730,14731,14734],{},[309,14732,14733],{},"Q. 何枚まで結合できますか？","\nA. ツールに上限は設けていませんが、ブラウザのメモリに依存します。100 枚程度までは現実的に動作します。",[11,14736,14737,14740,14741,14743],{},[309,14738,14739],{},"Q. 画像サイズが違うものを結合するとどうなる？","\nA. 縦連結では幅を最大に合わせ、余白部分は透明 (PNG) または白 (JPEG) になります。事前に ",[288,14742,14123],{"href":383}," で揃えておくときれいに仕上がります。",[11,14745,14746,14749],{},[309,14747,14748],{},"Q. 間に余白を入れられる？","\nA. はい。境界の色と幅を指定できます。",[11,14751,14752,14755],{},[309,14753,14754],{},"Q. グリッドの行数・列数は指定できる？","\nA. はい。例えば 4 枚を 2×2 のグリッドに配置できます。",[18,14757,13643],{"id":13643},[303,14759,14760,14765,14770],{},[306,14761,14762,14764],{},[288,14763,14123],{"href":383}," — 結合前にサイズを揃える",[306,14766,14767,14769],{},[288,14768,11596],{"href":437}," — 結合後の巨大ファイルを軽くする",[306,14771,14772,14775],{},[288,14773,14774],{"href":7255},"画像 → PDF"," — 結合の代わりに PDF 1 枚にまとめる選択肢も",{"title":480,"searchDepth":481,"depth":481,"links":14777},[14778,14779,14780,14781,14782,14783,14784],{"id":14593,"depth":481,"text":14593},{"id":13504,"depth":481,"text":13504},{"id":13584,"depth":481,"text":13584},{"id":14662,"depth":481,"text":14663},{"id":13826,"depth":481,"text":13826},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の画像結合ツールは、複数の画像をサーバーに送らずブラウザ内で縦\u002F横に連結します。比較画像・ビフォーアフター・スマホのスクリーンショット集約に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-merge-intro",{"title":14579,"description":14785},"image-merge-intro","blog\u002Fimage-merge-intro",[510,764,767],"ABtX_8V0akr12EaV3HwWf2y3hF0xHd61RgfQ7dZbuEA",{"id":14794,"title":14795,"author":6,"body":14796,"category":496,"coverImage":497,"description":14984,"draft":499,"extension":500,"locale":501,"meta":14985,"navigation":503,"noindex":503,"path":14986,"publishedAt":13684,"seo":14987,"slug":14988,"stem":14989,"tags":14990,"updatedAt":13684,"__hash__":14991},"blog\u002Fblog\u002Fimage-resize-intro.md","画像リサイズをブラウザ内で — \u002Ftools\u002Fimage-resize の思想と使い方",{"type":8,"value":14797,"toc":14974},[14798,14801,14807,14810,14816,14823,14825,14844,14847,14885,14887,14893,14918,14921,14924,14927,14929,14935,14941,14947,14953,14955],[11,14799,14800],{},"SNS に投稿したい、社内 Wiki に貼りたい、EC サイトの商品画像に使いたい、メールに添付したい。用途ごとに必要な画像サイズは違います。スマホで撮った 4000×3000 ピクセルの写真をそのままアップすると、受け側サーバーで勝手に縮小されたり、表示が重くなったりします。",[11,14802,14803,14806],{},[288,14804,14805],{"href":383},"Zerosend の画像リサイズツール"," は、この「用途に合う寸法に先に揃えておきたい」需要をブラウザ内で完結させます。",[18,14808,14809],{"id":14809},"なぜブラウザ内でリサイズするのか",[11,14811,14812,14813,6316],{},"画像は、送信前に必要な解像度まで落としておくのが基本です。受け側サーバーの自動縮小に任せると、圧縮アルゴリズムを自分で選べず、結果も見えません。何より、",[309,14814,14815],{},"元の高解像度がサーバー側に残ります",[11,14817,14818,14819,14822],{},"顔写真、社員証、内装写真、診断書のスキャン。個人情報が含まれる画像を、ブラウザの「縮小してアップロード」機能付きサービスに投げることは、結果的に",[309,14820,14821],{},"原寸画像をそのままアップロードしている","のと同じです。Zerosend では、リサイズ処理そのものをあなたの端末で行うことで、アップロードする画像が本当に縮小済みであることを保証します。",[18,14824,13504],{"id":13504},[340,14826,14827,14833,14836,14839,14842],{},[306,14828,14829,13513],{},[288,14830,14831],{"href":383},[283,14832,383],{},[306,14834,14835],{},"画像をドラッグ&ドロップ (複数ファイル対応)",[306,14837,14838],{},"目標サイズを指定 — 「幅」「高さ」「長辺」「短辺」のいずれかを固定",[306,14840,14841],{},"「リサイズを開始する」をクリック",[306,14843,14227],{},[26,14845,14846],{"id":14846},"用途別の推奨サイズ",[303,14848,14849,14855,14861,14867,14873,14879],{},[306,14850,14851,14854],{},[309,14852,14853],{},"X \u002F Twitter",": 長辺 1600px",[306,14856,14857,14860],{},[309,14858,14859],{},"Instagram",": 正方形 1080px",[306,14862,14863,14866],{},[309,14864,14865],{},"LinkedIn \u002F Facebook",": 長辺 1200px",[306,14868,14869,14872],{},[309,14870,14871],{},"ブログ本文",": 幅 800〜1200px",[306,14874,14875,14878],{},[309,14876,14877],{},"メールの添付",": 長辺 1024px 程度 (画質維持しつつ 500KB 以下に収まりやすい)",[306,14880,14881,14884],{},[309,14882,14883],{},"ECサイトのサムネ",": 幅 400〜600px",[18,14886,13584],{"id":13584},[11,14888,14889,14890,14892],{},"画像リサイズは、Canvas API の ",[283,14891,14480],{}," を使ったブラウザ標準のバイキュービック補間で行っています。外部ライブラリの呼び出しも、サーバーへの問い合わせもありません。",[303,14894,14895,14901,14907,14913],{},[306,14896,14897,14898,14900],{},"画像を ",[283,14899,5573],{}," 要素として読み込む",[306,14902,14903,14904,14906],{},"目標サイズの ",[283,14905,14281],{}," を作成",[306,14908,14909,14912],{},[283,14910,14911],{},"ctx.drawImage(img, 0, 0, targetW, targetH)"," で描画",[306,14914,14915,14917],{},[283,14916,14655],{}," で出力形式 (JPEG \u002F PNG \u002F WebP) を指定して Blob に",[11,14919,14920],{},"一括処理は Promise.all ではなく順次実行しているため、数十枚でもメモリを圧迫しません。",[18,14922,14923],{"id":14923},"縦横比の維持について",[11,14925,14926],{},"リサイズで気をつけるべき最大のポイントは「アスペクト比の崩れ」です。幅だけを変えて高さはそのままにすると、人物が横に伸びたり商品が歪んだりします。本ツールでは既定で縦横比を維持するため、「幅を指定する」だけで高さは自動計算されます。強制的にトリミングするモードも選べるので、SNS の正方形サムネイルを作る際にも対応できます。",[18,14928,410],{"id":410},[11,14930,14931,14934],{},[309,14932,14933],{},"Q. 縦横比は保持されますか？","\nA. 既定で保持されます。「幅を合わせる」を選べば高さは自動で計算されます。",[11,14936,14937,14940],{},[309,14938,14939],{},"Q. EXIF (撮影情報) は？","\nA. リサイズ時に落ちます。プライバシー保護の観点ではむしろ利点です。",[11,14942,14943,14946],{},[309,14944,14945],{},"Q. 拡大もできますか？","\nA. できますが推奨しません。拡大は情報を増やせないため、AI 超解像を使わない限り画質は改善しません。",[11,14948,14949,14952],{},[309,14950,14951],{},"Q. 複数ファイルを一括処理できますか？","\nA. はい。ドラッグ&ドロップで複数ファイルを投入すると、同じ設定で一括リサイズして ZIP でまとめてダウンロードできます。",[18,14954,13643],{"id":13643},[303,14956,14957,14962,14968],{},[306,14958,14959,14961],{},[288,14960,11596],{"href":437}," — リサイズ後にさらに軽くしたいときに",[306,14963,14964,14967],{},[288,14965,14966],{"href":1431},"画像形式変換"," — WebP \u002F JPEG \u002F PNG の変換",[306,14969,14970,14973],{},[288,14971,14972],{"href":4230},"画像編集"," — 切り抜き・回転・反転",{"title":480,"searchDepth":481,"depth":481,"links":14975},[14976,14977,14980,14981,14982,14983],{"id":14809,"depth":481,"text":14809},{"id":13504,"depth":481,"text":13504,"children":14978},[14979],{"id":14846,"depth":486,"text":14846},{"id":13584,"depth":481,"text":13584},{"id":14923,"depth":481,"text":14923},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の画像リサイズツールは、画像をサーバーに送らず端末内で寸法変更します。用途別の推奨サイズ、一括処理、品質を落とさないリサイズのコツを Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-resize-intro",{"title":14795,"description":14984},"image-resize-intro","blog\u002Fimage-resize-intro",[510,511,767],"nKnNaRyrLmnbT9TIqhevppJY36_pPBD85MAKx0mdH48",{"id":14993,"title":14994,"author":6,"body":14995,"category":496,"coverImage":497,"description":15184,"draft":499,"extension":500,"locale":501,"meta":15185,"navigation":503,"noindex":503,"path":15186,"publishedAt":13684,"seo":15187,"slug":15188,"stem":15189,"tags":15190,"updatedAt":13684,"__hash__":15192},"blog\u002Fblog\u002Fimage-to-pdf-intro.md","画像を 1 つの PDF にまとめる — \u002Ftools\u002Fimage-to-pdf の思想と使い方",{"type":8,"value":14996,"toc":15176},[14997,15000,15005,15007,15033,15036,15038,15045,15052,15054,15077,15079,15084,15114,15117,15119,15125,15134,15140,15149,15151],[11,14998,14999],{},"スマホで撮ったレシート 10 枚を経費精算で PDF にまとめる、スキャンした書類 15 枚を 1 つの PDF にまとめて申請する、商品写真を PDF カタログにする。「画像 → PDF」の変換は、個人から業務まで頻繁に発生する作業です。",[11,15001,15002,13459],{},[288,15003,15004],{"href":7255},"Zerosend の画像 → PDF 変換ツール",[18,15006,13462],{"id":13462},[303,15008,15009,15015,15021,15027],{},[306,15010,15011,15014],{},[309,15012,15013],{},"写真をポートフォリオ PDF に",": デザイナーや写真家が作品画像を選択して 1 ファイルにまとめ、クライアントへの提案や審査用に配布する",[306,15016,15017,15020],{},[309,15018,15019],{},"スキャン画像を 1 ファイルに集約",": 複数ページにわたる契約書・申請書をスキャンした画像を 1 つの PDF にまとめて提出する",[306,15022,15023,15026],{},[309,15024,15025],{},"レシート・領収書の経費精算",": スマホで撮影したレシートをまとめて月次経費書類として提出する",[306,15028,15029,15032],{},[309,15030,15031],{},"複数画像を順番管理して配布",": ドラッグ&ドロップで並び順を調整しながら、説明資料やマニュアルを PDF にまとめる",[11,15034,15035],{},"複数の画像ファイルを 1 回の操作で 1 つの PDF に変換できるため、枚数が多いほど手作業との差が際立ちます。",[18,15037,13491],{"id":13491},[11,15039,15040,15041,15044],{},"画像 → PDF 変換の入力は、写真・スキャン・スクリーンショットです。つまり",[309,15042,15043],{},"画像 1 枚ずつが個別の機密情報","を持ちます。レシートなら店名・金額・日時・クレカ下 4 桁、スキャン書類なら本文全体、スクショなら画面に写っているすべて。",[11,15046,15047,15048,15051],{},"それらをまとめてオンライン PDF 化サービスに投げるのは、",[309,15049,15050],{},"機密情報セットをまとめて外に出す","ことに他なりません。Zerosend ではローカルで PDF 組み立てまで行うため、アップロードは発生しません。",[18,15053,13504],{"id":13504},[340,15055,15056,15062,15065,15068,15071,15074],{},[306,15057,15058,13513],{},[288,15059,15060],{"href":7255},[283,15061,7255],{},[306,15063,15064],{},"画像を複数枚ドラッグ&ドロップ (JPEG \u002F PNG \u002F WebP)",[306,15066,15067],{},"ページサイズ (A4 \u002F レター \u002F 画像原寸) と向きを選ぶ",[306,15069,15070],{},"並び順をドラッグで調整",[306,15072,15073],{},"「PDF 化を開始する」をクリック",[306,15075,15076],{},"1 つの PDF ファイルとしてダウンロード",[18,15078,13584],{"id":13584},[11,15080,15081,15083],{},[283,15082,10515],{}," を使って PDF を組み立てています。",[303,15085,15086,15089,15095,15105,15108],{},[306,15087,15088],{},"各画像を ArrayBuffer で読み込み",[306,15090,15091,15094],{},[283,15092,15093],{},"PDFDocument.create()"," で新規ドキュメントを作成",[306,15096,15097,15098,6470,15101,15104],{},"ページごとに ",[283,15099,15100],{},"pdfDoc.embedJpg()",[283,15102,15103],{},"embedPng()"," で画像を埋め込み",[306,15106,15107],{},"ページサイズに合わせて自動で縮小・センタリング",[306,15109,15110,15113],{},[283,15111,15112],{},".save()"," で最終的な PDF バイト列に",[11,15115,15116],{},"画像のサイズ指定は縦横比を保持したまま、指定ページサイズに収まるよう計算されます。",[18,15118,410],{"id":410},[11,15120,15121,15124],{},[309,15122,15123],{},"Q. 画像の順序は変えられますか？","\nA. はい。追加した順に並びますが、ドラッグで並べ替えできます。",[11,15126,15127,15130,15131,15133],{},[309,15128,15129],{},"Q. 画像の向き (縦\u002F横) を個別に変えられますか？","\nA. ページ単位の向きは全体で統一されます。個別に回転したい場合は ",[288,15132,14972],{"href":4230}," で先に回転してから PDF 化してください。",[11,15135,15136,15139],{},[309,15137,15138],{},"Q. OCR (文字認識) はかかる？","\nA. かかりません。画像はそのまま PDF に埋め込まれます。検索可能 PDF にしたい場合は別途 OCR ツールを通してください (プライバシー観点では、OCR もローカルで完結するツールを選ぶべきです)。",[11,15141,15142,15145,15146,15148],{},[309,15143,15144],{},"Q. 圧縮は？","\nA. 元画像がそのまま埋め込まれるため、PDF が大きくなりがちです。事前に ",[288,15147,11596],{"href":437}," してから投入すると、最終 PDF が軽くなります。",[18,15150,13643],{"id":13643},[303,15152,15153,15158,15164,15170],{},[306,15154,15155,15157],{},[288,15156,11596],{"href":437}," — PDF 化前に画像を軽くする",[306,15159,15160,15163],{},[288,15161,15162],{"href":2403},"PDF 圧縮"," — 生成した PDF をさらに軽くする",[306,15165,15166,15169],{},[288,15167,15168],{"href":619},"PDF 結合"," — 既存 PDF と結合する",[306,15171,15172,15175],{},[288,15173,15174],{"href":4915},"PDF → 画像"," — 逆変換",{"title":480,"searchDepth":481,"depth":481,"links":15177},[15178,15179,15180,15181,15182,15183],{"id":13462,"depth":481,"text":13462},{"id":13491,"depth":481,"text":13491},{"id":13504,"depth":481,"text":13504},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の画像 → PDF 変換ツールは、複数画像をサーバーに送らず 1 つの PDF にまとめます。スキャン画像の PDF 化・レシートまとめ・申請書類の体裁整え。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-to-pdf-intro",{"title":14994,"description":15184},"image-to-pdf-intro","blog\u002Fimage-to-pdf-intro",[15191,510,1290,767],"PDF","tg5FYgKMGZgx3aC9UAapeIa6b3qfrAqQ56T-BUNyShg",{"id":15194,"title":15195,"author":6,"body":15196,"category":496,"coverImage":497,"description":15651,"draft":499,"extension":500,"locale":501,"meta":15652,"navigation":503,"noindex":503,"path":15653,"publishedAt":13684,"seo":15654,"slug":15655,"stem":15656,"tags":15657,"updatedAt":12228,"__hash__":15658},"blog\u002Fblog\u002Fpdf-compress-intro.md","PDF を圧縮する方法：ブラウザだけで完結、サーバー送信ゼロの安全な軽量化",{"type":8,"value":15197,"toc":15618},[15198,15201,15208,15215,15217,15221,15224,15227,15230,15233,15236,15239,15242,15244,15248,15251,15255,15258,15261,15264,15271,15273,15277,15280,15391,15394,15396,15400,15405,15409,15414,15418,15421,15425,15428,15448,15451,15455,15458,15460,15464,15467,15500,15503,15505,15508,15511,15515,15518,15522,15525,15529,15532,15535,15541,15543,15547,15551,15554,15557,15560,15564,15567,15571,15574,15578,15584,15586,15588,15591,15594,15597],[11,15199,15200],{},"メールに PDF を添付しようとしたら「ファイルサイズの上限を超えています」と弾かれた。Slack の無料プランでは 1GB のストレージ上限があり、20MB を超えるスキャン PDF を何枚も貼り続けるとすぐに圧迫される。顧客に送る見積書 PDF が 30MB あれば、相手のモバイル回線に余計な負荷をかける。こうした摩擦を一つひとつ取り除くのが PDF 圧縮の実用的な価値だ。",[11,15202,15203,15204,15207],{},"ただし PDF 圧縮の手段を選ぶ際に見落とされがちな問題がある。",[309,15205,15206],{},"圧縮の利便性とプライバシーはトレードオフになりやすい","という点だ。オンラインの圧縮サービスの多くはファイルをサーバーにアップロードする構造を持つ。契約書・給与明細・健康診断書・見積書をそのままクラウドに送ることになるが、「処理後に削除します」という約束がどの程度履行されているかをユーザー側で検証する手段はほぼない。",[11,15209,15210,15211,15214],{},"本記事では、PDF 圧縮の仕組みを技術的に整理したうえで、ブラウザ完結型・サーバー送信ゼロの選択肢として ",[288,15212,15213],{"href":2403},"zerosend の PDF 圧縮ツール"," を後半で紹介する。まず原理と比較基準を把握してから、ツールを選んでほしい。",[15,15216],{},[18,15218,15220],{"id":15219},"pdf-のファイルサイズが大きくなる理由","PDF のファイルサイズが大きくなる理由",[11,15222,15223],{},"PDF のサイズを決める主な要因は三つある。",[26,15225,15226],{"id":15226},"埋め込みリソースの種類",[11,15228,15229],{},"PDF の中身は大まかに「ベクタデータ（テキスト・図形）」「ラスタ画像（JPEG・PNG など）」「フォント」に分類できる。スキャナで取り込んだ文書は全ページが高解像度ラスタ画像として埋め込まれるため、数十 MB になりやすい。一方、Word や Google ドキュメントからエクスポートした PDF はテキストがベクタとして保持されるので、ページ数のわりにサイズが小さい。",[26,15231,15232],{"id":15232},"画像の圧縮設定",[11,15234,15235],{},"スキャン PDF でも、スキャナの設定によってはロスレス PNG や非圧縮ビットマップが埋め込まれている場合がある。同じ 200dpi のスキャンでも JPEG 品質 60 と PNG では 3〜5 倍のサイズ差が生まれる。",[26,15237,15238],{"id":15238},"メタデータとフォント埋め込み",[11,15240,15241],{},"フォントのサブセット化が行われていない PDF は、使用しているフォントファミリー全体を埋め込むため、数 MB 余計に大きくなることがある。メタデータ（XMP パケット・注釈・リンクアクション）が積み重なるケースもある。",[15,15243],{},[18,15245,15247],{"id":15246},"pdf-圧縮の主な方式と得意不得意","PDF 圧縮の主な方式と得意・不得意",[11,15249,15250],{},"圧縮ツールが内部で行う処理は大きく二種類に分かれる。",[26,15252,15254],{"id":15253},"画像リサンプリング再エンコード方式","画像リサンプリング・再エンコード方式",[11,15256,15257],{},"既存の埋め込み画像を取り出し、解像度を下げる（ダウンサンプリング）か、品質を下げて JPEG 再エンコードして書き戻す手法。スキャン PDF に対して最も効果が高い。ツールによっては元の PDF 構造を維持したままリソースだけ差し替える実装もある。",[26,15259,15260],{"id":15260},"ページラスタライズ再構築方式",[11,15262,15263],{},"すべてのページをいったんキャンバスに描画して画像化し、その画像を新しい PDF に貼り直す手法。元の PDF 構造（テキストレイヤー・しおり・注釈など）は失われる代わりに、削減率が高くなりやすい。ブラウザ完結型の実装に向いている。zerosend が採用しているのがこの方式だ。",[11,15265,15266,15267,15270],{},"どちらの方式も",[309,15268,15269],{},"ベクタ主体のテキスト PDF に対する効果は限定的","であることは共通している。テキスト PDF のサイズを大幅に削減したいなら、フォントのサブセット化や不要なメタデータ削除のアプローチが適切だが、これらはより専門的な処理になる。",[15,15272],{},[18,15274,15276],{"id":15275},"主要ツール比較送信先サーバーと機能の違い","主要ツール比較：送信先サーバーと機能の違い",[11,15278,15279],{},"同種のサービスと zerosend を並べて比較する。",[31,15281,15282,15299],{},[34,15283,15284],{},[37,15285,15286,15288,15290,15292,15294,15297],{},[40,15287,767],{},[40,15289,2598],{},[40,15291,1031],{},[40,15293,10395],{},[40,15295,15296],{},"テキスト検索保持",[40,15298,1040],{},[53,15300,15301,15318,15332,15348,15363],{},[37,15302,15303,15305,15308,15310,15313,15316],{},[58,15304,1974],{},[58,15306,15307],{},"あり（同社サーバー）",[58,15309,9717],{},[58,15311,15312],{},"1日2ファイル",[58,15314,15315],{},"方式により異なる",[58,15317,1059],{},[37,15319,15320,15322,15324,15326,15328,15330],{},[58,15321,1992],{},[58,15323,15307],{},[58,15325,9717],{},[58,15327,11966],{},[58,15329,15315],{},[58,15331,1059],{},[37,15333,15334,15336,15339,15341,15343,15346],{},[58,15335,12516],{},[58,15337,15338],{},"あり（Adobe サーバー）",[58,15340,9717],{},[58,15342,10441],{},[58,15344,15345],{},"保持される場合あり",[58,15347,1059],{},[37,15349,15350,15353,15355,15357,15359,15361],{},[58,15351,15352],{},"PDF2Go",[58,15354,15307],{},[58,15356,9717],{},[58,15358,11966],{},[58,15360,15315],{},[58,15362,1059],{},[37,15364,15365,15369,15374,15378,15382,15387],{},[58,15366,15367],{},[309,15368,11900],{},[58,15370,15371],{},[309,15372,15373],{},"なし（ゼロ）",[58,15375,15376],{},[309,15377,1101],{},[58,15379,15380],{},[309,15381,1084],{},[58,15383,15384],{},[309,15385,15386],{},"失われる（ラスタライズ）",[58,15388,15389],{},[309,15390,1109],{},[11,15392,15393],{},"Smallpdf や iLovePDF はクラウド処理ゆえに安定した圧縮品質を提供しており、テキスト検索を保持する圧縮モードも持つ。zerosend はサーバー送信ゼロと制限なし無料というトレードオフで、テキスト検索性を犠牲にする点は正直に記載しておく。",[15,15395],{},[18,15397,15399],{"id":15398},"zerosend-でブラウザ内圧縮を行う手順","zerosend でブラウザ内圧縮を行う手順",[11,15401,15402,15404],{},[288,15403,15213],{"href":2403}," を使う手順は次の通りだ。",[26,15406,15408],{"id":15407},"_1-ツールを開く","1. ツールを開く",[11,15410,15411,15413],{},[283,15412,2415],{}," にアクセスする。初回はライブラリのロードに数秒かかる場合がある。一度ロードが完了すれば、Service Worker によってキャッシュされるため、次回以降はオフライン環境でも動作する。",[26,15415,15417],{"id":15416},"_2-pdf-を投入する","2. PDF を投入する",[11,15419,15420],{},"ドラッグ＆ドロップ、またはクリックしてファイル選択ダイアログから PDF を選ぶ。パスワード保護された PDF は処理できないため、事前にロック解除が必要だ。",[26,15422,15424],{"id":15423},"_3-品質レベルを選択する","3. 品質レベルを選択する",[11,15426,15427],{},"三段階の品質設定がある。",[303,15429,15430,15436,15442],{},[306,15431,15432,15435],{},[309,15433,15434],{},"高品質","：解像度を比較的維持し、読みやすさ優先。削減率は控えめ（スキャン PDF で 20〜40% 程度）",[306,15437,15438,15441],{},[309,15439,15440],{},"標準","：バランス型。ほとんどのユースケースに適する（スキャン PDF で 40〜65% 程度）",[306,15443,15444,15447],{},[309,15445,15446],{},"低品質","：最大圧縮。画質は落ちるが軽量化率が高い（スキャン PDF で 60〜80% 程度）",[11,15449,15450],{},"テキスト主体の PDF は設定にかかわらず削減率が低い（10〜25% 程度）。",[26,15452,15454],{"id":15453},"_4-圧縮を実行してダウンロードする","4. 圧縮を実行してダウンロードする",[11,15456,15457],{},"「圧縮を開始する」ボタンを押すと、ブラウザ内で処理が走る。完了後にダウンロードリンクが表示される。処理中にページを離れても問題ないが、ブラウザタブを閉じると処理が中断される。",[15,15459],{},[18,15461,15463],{"id":15462},"内部の仕組みライブラリと処理フロー","内部の仕組み：ライブラリと処理フロー",[11,15465,15466],{},"zerosend の PDF 圧縮は以下のライブラリを組み合わせて実装されている。",[340,15468,15469,15481,15495],{},[306,15470,15471,15474,15475,15480],{},[309,15472,15473],{},"pdfjs-dist","（Mozilla 製の PDF レンダリングライブラリ）：元の PDF ファイルを読み込み、各ページを Canvas に描画する。これが「ラスタライズ」の工程だ。pdfjs-dist の仕様については ",[288,15476,15479],{"href":15477,"rel":15478},"https:\u002F\u002Fgithub.com\u002Fmozilla\u002Fpdf.js",[292],"公式 GitHub リポジトリ"," を参照できる。",[306,15482,15483,15485,15486,15489,15490,15494],{},[309,15484,12005],{},"：描画されたページを ",[283,15487,15488],{},"canvas.toDataURL('image\u002Fjpeg', quality)"," で指定品質の JPEG に変換する。品質パラメータ（0〜1）が品質レベル選択に対応している。Canvas API の仕様は ",[288,15491,15493],{"href":2820,"rel":15492},[292],"MDN Web Docs"," で確認できる。",[306,15496,15497,15499],{},[309,15498,10515],{},"：JPEG に変換されたページを新しい PDF ドキュメントに埋め込み直す。元 PDF のタイトル・作成者などのメタデータを引き継いで最終的な PDF を組み立てる。",[11,15501,15502],{},"処理はすべてブラウザのメインスレッドまたは Web Worker 上で行われる。ネットワーク通信は発生しない。DevTools の「Network」タブを開いた状態で圧縮を実行すると、処理中に外部への HTTP リクエストが発生していないことを自分の目で確認できる。",[15,15504],{},[18,15506,15507],{"id":15507},"注意すべき落とし穴",[11,15509,15510],{},"zerosend の PDF 圧縮ツールを使う前に把握しておくべき制限と注意点を整理する。",[26,15512,15514],{"id":15513},"テキスト検索コピーが不可になる","テキスト検索・コピーが不可になる",[11,15516,15517],{},"ラスタライズ方式のため、圧縮後の PDF はすべてのページが画像になる。Adobe Acrobat や PDF ビューアでテキスト検索（Ctrl+F）を実行しても文字がヒットしない。テキスト選択・コピーも不可になる。契約書の条文を検索したい、コピーして引用したいといった用途には向かない。",[26,15519,15521],{"id":15520},"しおり注釈ハイパーリンクが失われる","しおり・注釈・ハイパーリンクが失われる",[11,15523,15524],{},"元の PDF に含まれていたしおり（ブックマーク）・注釈・クリッカブルなリンクは、ラスタライズの過程で消える。ページ数の多いマニュアル PDF でナビゲーション構造を維持したい場合は別の方法を検討すること。",[26,15526,15528],{"id":15527},"ベクタ主体の-pdf-には効果が薄い","ベクタ主体の PDF には効果が薄い",[11,15530,15531],{},"Word や LaTeX からエクスポートしたテキスト PDF は、もともとのサイズが小さく、ラスタライズしても大きな削減にならない場合がある。むしろファイルサイズが増えることもある。",[26,15533,15534],{"id":15534},"大容量ファイルはブラウザのメモリを消費する",[11,15536,15537,15538,15540],{},"100MB を超えるような大型 PDF を処理すると、ブラウザのタブが大量のメモリを消費する。タブがクラッシュする場合は、先に ",[288,15539,7545],{"href":7544}," でページ数を減らしてから圧縮を試みるとよい。",[15,15542],{},[18,15544,15546],{"id":15545},"faqよくある疑問","FAQ：よくある疑問",[26,15548,15550],{"id":15549},"削減率はどのくらい期待できるか","削減率はどのくらい期待できるか？",[11,15552,15553],{},"スキャン由来の画像 PDF で標準品質を選んだ場合、50〜65% 削減されるケースが多い。ただし元 PDF の解像度・埋め込み形式・ページ数によって大きく変わる。ベクタ主体のテキスト PDF では 10〜20% 程度にとどまることが多い。",[26,15555,15556],{"id":15556},"圧縮後に画質が荒くなった",[11,15558,15559],{},"「低品質」設定で圧縮すると、特に細かいテキストや図表が読みにくくなる場合がある。「標準」または「高品質」に切り替えて再試行してほしい。印刷用途なら高品質推奨、メール添付程度なら標準で十分なケースが多い。",[26,15561,15563],{"id":15562},"ocr-機能はあるか","OCR 機能はあるか？",[11,15565,15566],{},"ない。zerosend の PDF 圧縮ツールはラスタライズして再構築するだけで、文字認識（OCR）は行わない。圧縮後の PDF に OCR をかけたい場合は、別途 OCR ツール（Adobe Acrobat、Google Drive の「テキストに変換」機能など）を使う必要がある。",[26,15568,15570],{"id":15569},"パスワード付き-pdf-はどうすればよいか","パスワード付き PDF はどうすればよいか？",[11,15572,15573],{},"パスワード保護された PDF は処理できない。事前に PDF のパスワードを解除してから投入すること。",[26,15575,15577],{"id":15576},"複数ファイルをまとめて処理できるか","複数ファイルをまとめて処理できるか？",[11,15579,15580,15581,15583],{},"現時点では 1 ファイルずつの処理となる。複数の PDF を一括で圧縮したい場合は繰り返し実行するか、先に ",[288,15582,620],{"href":619}," で結合してから一括圧縮する方法も取れる。",[15,15585],{},[18,15587,444],{"id":444},[11,15589,15590],{},"PDF 圧縮の手段を選ぶ際の判断軸は「プライバシーリスクを受け入れられるか」と「テキスト検索性を維持する必要があるか」の二点に集約される。",[11,15592,15593],{},"Smallpdf や iLovePDF はテキスト検索を保持しながら高品質な圧縮を提供しており、機密性の低い PDF であればこれらを使う合理性は十分にある。一方、契約書・給与明細・医療文書のように社外サーバーに送りたくない PDF については、zerosend のブラウザ完結型が現実的な選択肢になる。",[11,15595,15596],{},"zerosend が採用するラスタライズ方式はテキスト検索性を失うという明確なトレードオフを持つ。これを理解したうえで用途と合致するなら、サーバー送信ゼロ・無料・オフライン動作という実用上のメリットは大きい。",[303,15598,15599,15602,15605,15612],{},[306,15600,15601],{},"画像主体のスキャン PDF を軽くしたい → zerosend が向いている",[306,15603,15604],{},"テキスト検索性を保持したい → Smallpdf 等のクラウドサービスを検討する",[306,15606,15607,15608,15611],{},"ページを絞ってサイズを減らしたい → ",[288,15609,15610],{"href":7544},"PDF 分割"," で必要ページだけ抽出する",[306,15613,15614,15615,15617],{},"複数 PDF をまとめてから圧縮したい → ",[288,15616,15168],{"href":619}," と組み合わせる",{"title":480,"searchDepth":481,"depth":481,"links":15619},[15620,15625,15629,15630,15636,15637,15643,15650],{"id":15219,"depth":481,"text":15220,"children":15621},[15622,15623,15624],{"id":15226,"depth":486,"text":15226},{"id":15232,"depth":486,"text":15232},{"id":15238,"depth":486,"text":15238},{"id":15246,"depth":481,"text":15247,"children":15626},[15627,15628],{"id":15253,"depth":486,"text":15254},{"id":15260,"depth":486,"text":15260},{"id":15275,"depth":481,"text":15276},{"id":15398,"depth":481,"text":15399,"children":15631},[15632,15633,15634,15635],{"id":15407,"depth":486,"text":15408},{"id":15416,"depth":486,"text":15417},{"id":15423,"depth":486,"text":15424},{"id":15453,"depth":486,"text":15454},{"id":15462,"depth":481,"text":15463},{"id":15507,"depth":481,"text":15507,"children":15638},[15639,15640,15641,15642],{"id":15513,"depth":486,"text":15514},{"id":15520,"depth":486,"text":15521},{"id":15527,"depth":486,"text":15528},{"id":15534,"depth":486,"text":15534},{"id":15545,"depth":481,"text":15546,"children":15644},[15645,15646,15647,15648,15649],{"id":15549,"depth":486,"text":15550},{"id":15556,"depth":486,"text":15556},{"id":15562,"depth":486,"text":15563},{"id":15569,"depth":486,"text":15570},{"id":15576,"depth":486,"text":15577},{"id":444,"depth":481,"text":444},"PDF をサーバーに送らずブラウザ内で圧縮する方法を解説。zerosend の仕組み・削減率・競合比較・注意点まで網羅。",{},"\u002Fblog\u002Fpdf-compress-intro",{"title":15195,"description":15651},"pdf-compress-intro","blog\u002Fpdf-compress-intro",[15191,1589,767],"iUXvX2xAyMF5RiU6TEM9slF-ZVrHX2-S9qGNKN5liyk",{"id":15660,"title":15661,"author":6,"body":15662,"category":496,"coverImage":497,"description":15964,"draft":499,"extension":500,"locale":501,"meta":15965,"navigation":503,"noindex":503,"path":15966,"publishedAt":13684,"seo":15967,"slug":15968,"stem":15969,"tags":15970,"updatedAt":13684,"__hash__":15971},"blog\u002Fblog\u002Fpdf-edit-intro.md","PDF のページを並べ替え・削除・回転 — \u002Ftools\u002Fpdf-edit の思想と使い方",{"type":8,"value":15663,"toc":15954},[15664,15667,15673,15683,15685,15723,15725,15731,15740,15742,15781,15785,15791,15797,15799,15828,15837,15839,15845,15851,15857,15863,15869,15871,15888,15892,15895,15946],[11,15665,15666],{},"スキャンしたら逆向きになっていた、最終ページが白紙だから削除したい、契約書の章を入れ替えたい。PDF 編集の 9 割は「ページの並べ替え・削除・回転」で済みます。",[11,15668,15669,15672],{},[288,15670,15671],{"href":2026},"Zerosend の PDF ページ編集ツール"," は、この基本 3 操作をブラウザ内で完結させます。アップロード不要・無料・登録不要で、機密文書もそのまま投入できます。",[11,15674,15675,15676,15678,15679,15682],{},"編集後にサイズを軽くしたいなら ",[288,15677,15162],{"href":2403},"、ページを画像として書き出したいなら ",[288,15680,15681],{"href":4915},"PDF → 画像変換"," との組み合わせが便利です。",[18,15684,13705],{"id":13705},[303,15686,15687,15693,15699,15705,15711,15717],{},[306,15688,15689,15692],{},[309,15690,15691],{},"スキャン結果の向き修正",": スキャナが横向きで読み込んだページを 90° 回転して正しい向きに",[306,15694,15695,15698],{},[309,15696,15697],{},"白紙ページの削除",": スキャン時に混入した白紙ページや意図しない空白ページをまとめて削除",[306,15700,15701,15704],{},[309,15702,15703],{},"報告書の章順修正",": 後から追加した付録を適切な位置に移動。ドラッグ操作でページを並べ直す",[306,15706,15707,15710],{},[309,15708,15709],{},"配布用 PDF の整形",": 社内向けの全ページを含む PDF から、共有しても問題ないページだけを残す",[306,15712,15713,15716],{},[309,15714,15715],{},"製本・印刷準備",": 両面印刷や製本に合わせてページ順を並べ替える",[306,15718,15719,15722],{},[309,15720,15721],{},"プレゼン資料の調整",": 不要なスライドを削除して提出用スリム版を作成",[18,15724,14414],{"id":14414},[11,15726,15727,15728,6316],{},"PDF 編集の対象は、ほぼ例外なく機密文書です。業務委託契約、秘密保持契約、顧客カルテ、社内規程、給与明細。これらを「ページを入れ替えるだけ」のオンラインサービスに預けると、",[309,15729,15730],{},"元の全ページが相手のサーバーに渡ります",[11,15732,15733,15734,15736,15737,15739],{},"「処理後にすぐ削除」と書かれていても、保存の痕跡や解析ログをユーザーが検証する手段はありません。Zerosend ではページ編集もローカル処理のため、この透明性の問題を構造的に回避できます。複数 PDF を 1 つにまとめてから編集したい場合は ",[288,15735,15168],{"href":619},"、編集後にページを抜き出したい場合は ",[288,15738,15610],{"href":7544}," も同じ方式で動きます。",[18,15741,13504],{"id":13504},[340,15743,15744,15750,15753,15756,15778],{},[306,15745,15746,13513],{},[288,15747,15748],{"href":2026},[283,15749,2026],{},[306,15751,15752],{},"PDF をドラッグ&ドロップ",[306,15754,15755],{},"ページサムネイル一覧が表示される",[306,15757,15758,15759],{},"操作:\n",[303,15760,15761,15767,15773],{},[306,15762,15763,15766],{},[309,15764,15765],{},"並べ替え",": ドラッグでページを入れ替え",[306,15768,15769,15772],{},[309,15770,15771],{},"削除",": 不要なページのゴミ箱アイコンをクリック",[306,15774,15775,15777],{},[309,15776,14455],{},": 各ページの回転アイコンで 90° 単位回転",[306,15779,15780],{},"「編集を完了する」をクリックして新しい PDF を出力",[18,15782,15784],{"id":15783},"pdf-lib-によるブラウザ内-pdf-処理","pdf-lib によるブラウザ内 PDF 処理",[11,15786,15787,15788,15790],{},"Zerosend の PDF ページ編集は ",[309,15789,10515],{}," というオープンソースライブラリで実装しています。pdf-lib はブラウザ上で PDF の読み込み・書き出しができる純粋な JavaScript ライブラリで、サーバーサイドの処理は一切不要です。",[11,15792,15793,15794,15796],{},"サムネイル表示には ",[309,15795,15473],{}," (PDF.js) を使い、各ページを Canvas に描画。並べ替え・削除・回転の操作を UI 上で決めてから、最後に pdf-lib で新しい PDF として書き出します。契約書や機密文書も、データが端末から出ることなく安全に編集できます。",[18,15798,13584],{"id":13584},[303,15800,15801,15807,15810,15816,15823],{},[306,15802,15803,15804,15806],{},"PDF を ",[283,15805,15473],{}," でレンダリングしてサムネイル一覧を表示",[306,15808,15809],{},"ページの並び・削除・回転情報を UI 上で管理",[306,15811,15812,15813,15815],{},"「完了」操作時に ",[283,15814,10515],{}," を呼び出し、元 PDF から必要なページを順にコピー",[306,15817,15818,15819,15822],{},"回転は ",[283,15820,15821],{},"page.setRotation()"," で書き込み",[306,15824,15825,15826],{},"最終 PDF として ",[283,15827,15112],{},[11,15829,15830,15831,15833,15834,15836],{},"サムネ描画 (",[283,15832,15473],{},") と PDF 組み立て (",[283,15835,10515],{},") の 2 ライブラリで役割分担しています。",[18,15838,410],{"id":410},[11,15840,15841,15844],{},[309,15842,15843],{},"Q. テキストの編集はできますか？","\nA. 本ツールはページ単位の操作 (並べ替え・削除・回転) に特化しています。文章の書き換えや署名追加、注釈入力には対応していません。",[11,15846,15847,15850],{},[309,15848,15849],{},"Q. パスワード付き PDF は使えますか？","\nA. パスワードで保護された PDF の編集には対応していません。事前にパスワードを解除してください。",[11,15852,15853,15856],{},[309,15854,15855],{},"Q. 編集履歴は残りますか？","\nA. 新しい PDF として書き出すため、元ファイルは変更されません。必要なら元ファイルを別途保存しておいてください。",[11,15858,15859,15862],{},[309,15860,15861],{},"Q. ページを複製 (同じページを 2 回入れる) できますか？","\nA. 現状は非対応です。需要があれば追加します。",[11,15864,15865,15868],{},[309,15866,15867],{},"Q. 回転の粒度は？","\nA. 90° 単位のみです。PDF の仕様上、自由角度回転は本来のページ情報を損ねる可能性があるため非対応です。",[18,15870,13643],{"id":13643},[303,15872,15873,15878,15883],{},[306,15874,15875,15877],{},[288,15876,15610],{"href":7544}," — 編集ではなく切り分けたいとき",[306,15879,15880,15882],{},[288,15881,15168],{"href":619}," — 複数 PDF を結合",[306,15884,15885,15887],{},[288,15886,15162],{"href":2403}," — 編集後のサイズ削減",[18,15889,15891],{"id":15890},"pdf-系ツール一覧","PDF 系ツール一覧",[11,15893,15894],{},"PDF をブラウザだけで処理する Zerosend のツール群です。すべてアップロード不要・無料で使えます。",[303,15896,15897,15906,15914,15922,15930,15938],{},[306,15898,15899,15905],{},[288,15900,15901,15902,15904],{"href":619},"PDF 結合 (",[283,15903,619],{},")"," — 複数の PDF を 1 ファイルにまとめる",[306,15907,15908,15913],{},[288,15909,15910,15911,15904],{"href":7544},"PDF 分割 (",[283,15912,7544],{}," — ページ範囲指定で分割",[306,15915,15916,15921],{},[288,15917,15918,15919,15904],{"href":2403},"PDF 圧縮 (",[283,15920,2403],{}," — ページをラスタライズしてサイズ削減",[306,15923,15924,15929],{},[288,15925,15926,15927,15904],{"href":2026},"PDF ページ編集 (",[283,15928,2026],{}," — 本記事のツール",[306,15931,15932,15937],{},[288,15933,15934,15935,15904],{"href":4915},"PDF → 画像 (",[283,15936,4915],{}," — PDF を PNG \u002F JPG 画像として書き出す",[306,15939,15940,15945],{},[288,15941,15942,15943,15904],{"href":7255},"画像 → PDF (",[283,15944,7255],{}," — 複数画像を PDF にまとめる",[11,15947,15948,15949,15953],{},"PDF 関連の他の記事は ",[288,15950,15952],{"href":15951},"\u002Fblog\u002Ftag\u002Fpdf","タグ: PDF"," からまとめて見られます。",{"title":480,"searchDepth":481,"depth":481,"links":15955},[15956,15957,15958,15959,15960,15961,15962,15963],{"id":13705,"depth":481,"text":13705},{"id":14414,"depth":481,"text":14414},{"id":13504,"depth":481,"text":13504},{"id":15783,"depth":481,"text":15784},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},{"id":15890,"depth":481,"text":15891},"Zerosend の PDF ページ編集ツールは、PDF のページ順序変更・削除・回転をサーバーに送らず端末内で行います。スキャン時の向きミス修正や不要ページ削除に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-edit-intro",{"title":15661,"description":15964},"pdf-edit-intro","blog\u002Fpdf-edit-intro",[15191,929,767],"McRq6NYTMv81LiqIPeiqIgJ_4bPen-vd-WRH3bESikc",{"id":15973,"title":15974,"author":6,"body":15975,"category":496,"coverImage":497,"description":16155,"draft":499,"extension":500,"locale":501,"meta":16156,"navigation":503,"noindex":503,"path":16157,"publishedAt":13684,"seo":16158,"slug":16159,"stem":16160,"tags":16161,"updatedAt":13684,"__hash__":16162},"blog\u002Fblog\u002Fpdf-split-intro.md","PDF を分割する — \u002Ftools\u002Fpdf-split の思想と使い方",{"type":8,"value":15976,"toc":16147},[15977,15980,15985,15989,15995,15998,16001,16003,16040,16044,16050,16052,16057,16085,16088,16090,16096,16102,16108,16114,16127,16129],[11,15978,15979],{},"契約書の 2〜5 ページだけ取引先に送りたい、100 ページの報告書を章ごとに分けて関係者に配りたい、スキャン時に 1 ファイルにまとめてしまった複数書類を切り分けたい。PDF の分割は業務で頻繁に発生するにもかかわらず、一般的なツールが少ない作業です。",[11,15981,15982,13459],{},[288,15983,15984],{"href":7544},"Zerosend の PDF 分割ツール",[18,15986,15988],{"id":15987},"なぜブラウザ内で-pdf-を分割するのか","なぜブラウザ内で PDF を分割するのか",[11,15990,15991,15992,6316],{},"PDF の中身は、契約書・見積書・健康診断結果・給与明細・設計資料など、ほぼすべてが機密性を持ちます。これを「PDF 分割できるオンラインサービス」にアップロードすると、",[309,15993,15994],{},"元の全ページが一旦そのサービスのサーバーに渡ります",[11,15996,15997],{},"ユーザー側が「2〜5 ページだけ必要」と思っていても、サービス側は全ページにアクセスできます。無料で提供されている以上、何らかの対価 (ログ・解析・AI 学習素材) としてファイルが使われている可能性は否定できません。",[11,15999,16000],{},"Zerosend は分割処理そのものがローカルで動くため、この構造的な問題を回避できます。",[18,16002,13504],{"id":13504},[340,16004,16005,16011,16014,16035,16038],{},[306,16006,16007,13513],{},[288,16008,16009],{"href":7544},[283,16010,7544],{},[306,16012,16013],{},"PDF ファイルをドラッグ&ドロップ",[306,16015,16016,16017],{},"分割方法を選ぶ:\n",[303,16018,16019,16025],{},[306,16020,16021,16024],{},[309,16022,16023],{},"全ページを 1 ページずつ分割"," — 100 ページなら 100 ファイル",[306,16026,16027,16030,16031,16034],{},[309,16028,16029],{},"範囲指定"," — 例: ",[283,16032,16033],{},"1-3, 5, 7-10"," で複数範囲を抽出",[306,16036,16037],{},"「分割を開始する」をクリック",[306,16039,13525],{},[18,16041,16043],{"id":16042},"pdf-lib-によるブラウザ内処理","pdf-lib によるブラウザ内処理",[11,16045,16046,16047,16049],{},"本ツールは ",[309,16048,10515],{}," というブラウザで完全動作する PDF 編集ライブラリを使っています。pdf-lib はサーバーへの問い合わせなしに PDF の読み込み・生成・ページ操作を行える純粋な JavaScript ライブラリです。元の PDF ファイルは変更されず、指定したページのみを新しい PDF として書き出します。",[18,16051,13584],{"id":13584},[11,16053,16054,16056],{},[283,16055,10515],{}," というブラウザで動く PDF 編集ライブラリを使っています。",[303,16058,16059,16062,16068,16074,16080],{},[306,16060,16061],{},"入力 PDF を ArrayBuffer として読み込み",[306,16063,16064,16067],{},[283,16065,16066],{},"PDFDocument.load()"," で解析",[306,16069,16070,16071,14906],{},"範囲指定に応じた新しい ",[283,16072,16073],{},"PDFDocument",[306,16075,16076,16079],{},[283,16077,16078],{},"copyPages()"," で必要なページだけコピー",[306,16081,16082,16084],{},[283,16083,15112],{}," で新しい PDF バイト列を生成",[11,16086,16087],{},"すべてメモリ上で処理し、ネットワークには一切送りません。",[18,16089,410],{"id":410},[11,16091,16092,16095],{},[309,16093,16094],{},"Q. 1 ページずつ個別のファイルに分割できますか？","\nA. できます。「全ページを 1 ページずつ分割」を選ぶと、100 ページなら 100 ファイルが生成されて ZIP でまとめてダウンロードできます。",[11,16097,16098,16101],{},[309,16099,16100],{},"Q. 元の PDF ファイルは変更されますか？","\nA. 変更されません。ブラウザのメモリ上で新しい PDF を生成するだけで、元ファイルへの書き込みは一切行いません。",[11,16103,16104,16107],{},[309,16105,16106],{},"Q. 暗号化された PDF (パスワード保護) も分割できる？","\nA. パスワードなしの PDF のみ対応。暗号化 PDF は先にロック解除が必要です。",[11,16109,16110,16113],{},[309,16111,16112],{},"Q. ページ数が非常に多い PDF (500 ページなど) は？","\nA. 処理はできますが、ブラウザのメモリ次第で時間がかかります。数百 MB 規模の PDF は端末スペック次第で詰まることがあります。",[11,16115,16116,16119,16120,7286,16123,16126],{},[309,16117,16118],{},"Q. 分割後のファイル名は？","\nA. 元ファイル名に ",[283,16121,16122],{},"-p1",[283,16124,16125],{},"-p2-5"," のようなサフィックスを付けます。",[18,16128,13643],{"id":13643},[303,16130,16131,16136,16142],{},[306,16132,16133,16135],{},[288,16134,15168],{"href":619}," — 分割とは逆に、複数 PDF を 1 つに",[306,16137,16138,16141],{},[288,16139,16140],{"href":2026},"PDF ページ編集"," — ページの並べ替え・削除・回転",[306,16143,16144,16146],{},[288,16145,15162],{"href":2403}," — 分割後のファイルを軽くする",{"title":480,"searchDepth":481,"depth":481,"links":16148},[16149,16150,16151,16152,16153,16154],{"id":15987,"depth":481,"text":15988},{"id":13504,"depth":481,"text":13504},{"id":16042,"depth":481,"text":16043},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の PDF 分割ツールは、PDF をサーバーに送らずブラウザ内でページ単位\u002F範囲指定で分割します。機密文書の特定ページだけ共有したいときに。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-split-intro",{"title":15974,"description":16155},"pdf-split-intro","blog\u002Fpdf-split-intro",[15191,7674,767],"OZsNQlbXlAmi4V_YHwxSw61IZ8Jv3xYRXT9nG-S79jA",{"id":16164,"title":16165,"author":6,"body":16166,"category":496,"coverImage":497,"description":16375,"draft":499,"extension":500,"locale":501,"meta":16376,"navigation":503,"noindex":503,"path":16377,"publishedAt":13684,"seo":16378,"slug":16379,"stem":16380,"tags":16381,"updatedAt":13684,"__hash__":16382},"blog\u002Fblog\u002Fpdf-to-image-intro.md","PDF を画像に変換する — \u002Ftools\u002Fpdf-to-image の思想と使い方",{"type":8,"value":16167,"toc":16365},[16168,16171,16176,16179,16205,16207,16213,16216,16218,16236,16239,16259,16261,16266,16294,16297,16299,16308,16314,16320,16329,16341,16343],[11,16169,16170],{},"プレゼン資料の 1 ページだけスクリーンショット的に使いたい、PDF の一部を SNS 投稿したい、PDF を見れない環境向けに画像で送りたい。「PDF → 画像」の変換は地味に需要があります。",[11,16172,16173,13459],{},[288,16174,16175],{"href":4915},"Zerosend の PDF → 画像変換ツール",[18,16177,16178],{"id":16178},"どんな場面で役立つか",[303,16180,16181,16187,16193,16199],{},[306,16182,16183,16186],{},[309,16184,16185],{},"SNS・ブログへの資料引用",": 講演スライドや報告書の特定ページを画像として切り出し、X や Instagram にそのまま投稿できます",[306,16188,16189,16192],{},[309,16190,16191],{},"サムネイル作成",": PDF ドキュメントの表紙ページを高解像度 PNG に変換し、ウェブサイトのカバー画像として使えます",[306,16194,16195,16198],{},[309,16196,16197],{},"PDF 非対応の環境に送る",": チャットツールや古い CMS が PDF に対応していなくても、画像なら貼れます",[306,16200,16201,16204],{},[309,16202,16203],{},"PDF の内容をすばやく確認・共有",": 受け取った PDF の一部だけを画像にして、コメント付きで関係者に送る用途にも便利です",[18,16206,13491],{"id":13491},[11,16208,16209,16210,11224],{},"PDF から画像を切り出したい場面は、社内資料・顧客提案書・設計図・契約書スナップショットなど、機密度が高いケースが多いものです。「PDF の特定ページを画像にしたいだけ」とオンラインツールに上げるときも、",[309,16211,16212],{},"アップロードされるのは PDF の全ページ",[11,16214,16215],{},"Zerosend は変換処理をローカルで行うため、そもそも PDF が外に出ません。",[18,16217,13504],{"id":13504},[340,16219,16220,16226,16228,16231,16233],{},[306,16221,16222,13513],{},[288,16223,16224],{"href":4915},[283,16225,4915],{},[306,16227,15752],{},[306,16229,16230],{},"出力形式 (PNG \u002F JPEG) と解像度を選ぶ",[306,16232,13522],{},[306,16234,16235],{},"全ページの画像が ZIP で生成される",[26,16237,16238],{"id":16238},"解像度の目安",[303,16240,16241,16247,16253],{},[306,16242,16243,16246],{},[309,16244,16245],{},"72 DPI",": ウェブ掲載・SNS 投稿用。画質より軽さ優先",[306,16248,16249,16252],{},[309,16250,16251],{},"150 DPI",": 画面で読む標準品質",[306,16254,16255,16258],{},[309,16256,16257],{},"300 DPI",": 印刷品質。資料の細部が重要なとき",[18,16260,13584],{"id":13584},[11,16262,16263,16265],{},[283,16264,15473],{}," を使って各ページを Canvas に描画し、Canvas から画像として書き出しています。",[303,16267,16268,16271,16276,16286,16291],{},[306,16269,16270],{},"PDF を ArrayBuffer として読み込み",[306,16272,16273,16067],{},[283,16274,16275],{},"getDocument()",[306,16277,15097,16278,16281,16282,16285],{},[283,16279,16280],{},"getPage(n)"," → ",[283,16283,16284],{},"render(ctx, viewport)"," で Canvas に描画",[306,16287,16288,16290],{},[283,16289,14655],{}," で PNG \u002F JPEG 化",[306,16292,16293],{},"全ページを ZIP にまとめてダウンロード",[11,16295,16296],{},"ブラウザの描画エンジンをそのまま使うため、フォント埋め込み・ベクタ図・透過要素も正確に再現されます。",[18,16298,410],{"id":410},[11,16300,16301,16304,16305,16307],{},[309,16302,16303],{},"Q. 特定のページだけ変換できますか？","\nA. 現状は全ページが対象です。特定ページだけなら ",[288,16306,15610],{"href":7544}," で該当ページだけ抽出してから変換するのが確実です。",[11,16309,16310,16313],{},[309,16311,16312],{},"Q. 透過背景の PDF を変換するとどうなる？","\nA. PNG を選べば透過が保持されます。JPEG は透過非対応のため白背景になります。",[11,16315,16316,16319],{},[309,16317,16318],{},"Q. 画像の品質をもっと上げたい","\nA. 解像度を 300 DPI にすると大きく改善します。ファイルサイズとメモリ消費も大きくなります。",[11,16321,16322,16325,16326,16328],{},[309,16323,16324],{},"Q. 全ページを 1 枚にまとめたい","\nA. 本ツールは 1 ページ 1 ファイルです。まとめたい場合はダウンロード後 ",[288,16327,14559],{"href":2670}," で結合してください。",[11,16330,16331,16334,16335,16337,16338,16340],{},[309,16332,16333],{},"Q. PNG と JPEG どちらを選ぶべきか？","\nA. テキストや図表が多い資料は ",[309,16336,1412],{}," が高品質です。写真が多いページや SNS 投稿用に軽さを優先するなら ",[309,16339,1406],{}," が適しています。",[18,16342,13643],{"id":13643},[303,16344,16345,16350,16355,16360],{},[306,16346,16347,16349],{},[288,16348,15610],{"href":7544}," — 変換前に必要なページだけ抽出",[306,16351,16352,16354],{},[288,16353,15162],{"href":2403}," — 先に PDF を軽くしてから変換すると出力もコンパクトに",[306,16356,16357,16359],{},[288,16358,11596],{"href":437}," — 変換後の画像サイズをさらに削減",[306,16361,16362,16364],{},[288,16363,14559],{"href":2670}," — 変換した複数ページを 1 枚にまとめる",{"title":480,"searchDepth":481,"depth":481,"links":16366},[16367,16368,16369,16372,16373,16374],{"id":16178,"depth":481,"text":16178},{"id":13491,"depth":481,"text":13491},{"id":13504,"depth":481,"text":13504,"children":16370},[16371],{"id":16238,"depth":486,"text":16238},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の PDF → 画像変換ツールは、PDF の各ページをサーバーに送らずブラウザ内で PNG \u002F JPEG に書き出します。資料の一部だけ共有したいときに便利。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-to-image-intro",{"title":16165,"description":16375},"pdf-to-image-intro","blog\u002Fpdf-to-image-intro",[15191,510,1290,767],"UFFCF6pwSjl3ZMpKI7PTplUK5VFuwNoMIlKK0juOiqw",{"id":16384,"title":16385,"author":6,"body":16386,"category":496,"coverImage":497,"description":16601,"draft":499,"extension":500,"locale":501,"meta":16602,"navigation":503,"noindex":503,"path":16603,"publishedAt":13684,"seo":16604,"slug":16605,"stem":16606,"tags":16607,"updatedAt":13684,"__hash__":16609},"blog\u002Fblog\u002Fqr-create-intro.md","QR コードを生成する — \u002Ftools\u002Fqr-create の思想と使い方",{"type":8,"value":16387,"toc":16591},[16388,16391,16397,16399,16435,16439,16453,16457,16463,16466,16469,16471,16491,16494,16520,16522,16528,16539,16542,16544,16550,16559,16565,16567],[11,16389,16390],{},"自社サイトの URL を名刺に載せる、Wi-Fi パスワードを会議室の壁に貼る、イベントのアンケート URL をポスターに印刷する。QR コードは、URL や短いテキストを物理空間に橋渡しする便利な手段です。",[11,16392,16393,16396],{},[288,16394,16395],{"href":3271},"Zerosend の QR コード生成ツール"," は、QR を作る作業をブラウザ内で完結させます。",[18,16398,13462],{"id":13462},[303,16400,16401,16407,16413,16419,16429],{},[306,16402,16403,16406],{},[309,16404,16405],{},"URL 共有",": ブログ記事やランディングページの URL を QR 化し、チラシ・ポスター・プレゼンスライドに貼り付ける",[306,16408,16409,16412],{},[309,16410,16411],{},"名刺への掲載",": 個人サイト・SNS プロフィール・連絡先 vCard を QR にして名刺の余白に印刷する",[306,16414,16415,16418],{},[309,16416,16417],{},"店舗のメニューリンク",": 飲食店やショップがデジタルメニューの URL を QR 化してテーブルに設置する。メニュー変更のたびに紙を刷り直す必要がなくなる",[306,16420,16421,16424,16425,16428],{},[309,16422,16423],{},"Wi-Fi 情報の掲示",": SSID とパスワードを ",[283,16426,16427],{},"WIFI:S:ネットワーク名;T:WPA;P:パスワード;;"," 形式で入力すると、スキャンするだけで接続できる QR が生成できる",[306,16430,16431,16434],{},[309,16432,16433],{},"社内限定 URL の共有",": 外部に見られたくない社内ポータルや β テストの URL を、外部サーバーに渡さずに QR 化できる",[18,16436,16438],{"id":16437},"png-と-svg-の使い分け","PNG と SVG の使い分け",[303,16440,16441,16447],{},[306,16442,16443,16446],{},[309,16444,16445],{},"SVG (印刷用)",": ベクタ形式なので拡大しても劣化しない。名刺・ポスター・看板など印刷物には SVG が最適",[306,16448,16449,16452],{},[309,16450,16451],{},"PNG (Web 掲載用)",": Web ページや SNS への埋め込みには PNG が扱いやすい。サイズ指定のプレビューも確認しやすい",[18,16454,16456],{"id":16455},"なぜブラウザ内で-qr-を作るのか","なぜブラウザ内で QR を作るのか",[11,16458,16459,16460,6316],{},"QR 生成サービスの多くは、入力した URL やテキストをサーバーに送って画像を返す形式です。「URL を QR にしただけ」と思いがちですが、",[309,16461,16462],{},"どの URL を誰がいつ QR にしたかという履歴がサーバーに残り得ます",[11,16464,16465],{},"社内専用 URL、β 版テスト URL、限定公開のアンケート URL などは、外部に知られたくない情報です。Wi-Fi パスワードや連絡先情報をテキストから QR 化する場合、中身がそのまま第三者のサーバーに渡ります。",[11,16467,16468],{},"Zerosend では QR 生成処理そのものがブラウザ内で完結するため、入力したテキストは一切外に出ません。",[18,16470,13504],{"id":13504},[340,16472,16473,16479,16482,16485,16488],{},[306,16474,16475,13513],{},[288,16476,16477],{"href":3271},[283,16478,3271],{},[306,16480,16481],{},"テキスト・URL を入力",[306,16483,16484],{},"出力形式 (PNG \u002F SVG)・サイズ・誤り訂正レベルを選択",[306,16486,16487],{},"「QR を生成する」をクリック",[306,16489,16490],{},"画像をダウンロード",[18,16492,16493],{"id":16493},"誤り訂正レベルの選び方",[303,16495,16496,16502,16508,16514],{},[306,16497,16498,16501],{},[309,16499,16500],{},"L (Low, 7%)",": 小さい QR にしたいとき。印刷品質が良いなら実用十分",[306,16503,16504,16507],{},[309,16505,16506],{},"M (Medium, 15%)",": 汎用・標準",[306,16509,16510,16513],{},[309,16511,16512],{},"Q (Quartile, 25%)",": 名刺・ステッカーなど汚れ・折れが予想される用途",[306,16515,16516,16519],{},[309,16517,16518],{},"H (High, 30%)",": ロゴ重ね合わせ・屋外掲示で摩耗想定",[18,16521,13584],{"id":13584},[11,16523,16524,16527],{},[283,16525,16526],{},"qrcode"," という広く使われているブラウザ対応ライブラリを使っています。",[303,16529,16530,16533,16536],{},[306,16531,16532],{},"入力テキストから QR マトリクスを計算",[306,16534,16535],{},"Canvas に描画 (PNG) または SVG として直接生成",[306,16537,16538],{},"モジュール数・誤り訂正レベル・色指定に応じて調整",[11,16540,16541],{},"SVG で生成すれば、拡大縮小しても劣化しないベクタ画像が得られます。印刷用途には SVG がおすすめです。",[18,16543,410],{"id":410},[11,16545,16546,16549],{},[309,16547,16548],{},"Q. QR に含められるテキスト量は？","\nA. 仕様上は最大 4296 文字 (英数字)、日本語なら 1817 文字程度まで。長くなるほど QR の密度が上がり、スキャン成功率は下がります。URL 短縮サービスの利用も検討してください (ただしサードパーティ依存が増える)。",[11,16551,16552,16555,16556,16558],{},[309,16553,16554],{},"Q. ロゴを中央に重ねたい","\nA. 本ツールでは直接対応していませんが、PNG \u002F SVG をダウンロードしたあと ",[288,16557,14972],{"href":4230}," で合成できます。誤り訂正は H にしておくとスキャン成功率が上がります。",[11,16560,16561,16564],{},[309,16562,16563],{},"Q. 作った QR の履歴は残りますか？","\nA. 残りません。タブを閉じた時点ですべて消えます。",[18,16566,13643],{"id":13643},[303,16568,16569,16575,16580,16585],{},[306,16570,16571,16574],{},[288,16572,16573],{"href":1679},"QR コード読み取り"," — 生成した QR の検証・他人の QR の中身確認",[306,16576,16577,16579],{},[288,16578,14972],{"href":4230}," — QR にロゴを重ねる合成に",[306,16581,16582,16584],{},[288,16583,14774],{"href":7255}," — 複数 QR を 1 枚にまとめて印刷",[306,16586,16587,16590],{},[288,16588,16589],{"href":8052},"ファビコン生成"," — Web サイト向けアイコン素材もブラウザ内で作成",{"title":480,"searchDepth":481,"depth":481,"links":16592},[16593,16594,16595,16596,16597,16598,16599,16600],{"id":13462,"depth":481,"text":13462},{"id":16437,"depth":481,"text":16438},{"id":16455,"depth":481,"text":16456},{"id":13504,"depth":481,"text":13504},{"id":16493,"depth":481,"text":16493},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の QR コード生成ツールは、URL やテキストをサーバーに送らずブラウザ内で QR 画像 (PNG \u002F SVG) に変換します。名刺・ポスター・プレゼン用の QR 作成に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fqr-create-intro",{"title":16385,"description":16601},"qr-create-intro","blog\u002Fqr-create-intro",[16608,767],"QR","7b3cE_qAnIjQIpoEnkArm-gm63Xoi7gB4ercGhCgJZc",{"id":16611,"title":16612,"author":6,"body":16613,"category":496,"coverImage":497,"description":16834,"draft":499,"extension":500,"locale":501,"meta":16835,"navigation":503,"noindex":503,"path":16836,"publishedAt":13684,"seo":16837,"slug":16838,"stem":16839,"tags":16840,"updatedAt":13684,"__hash__":16841},"blog\u002Fblog\u002Fqr-read-intro.md","QR コードを読み取る — \u002Ftools\u002Fqr-read の思想と使い方",{"type":8,"value":16614,"toc":16825},[16615,16618,16624,16626,16654,16658,16665,16668,16682,16685,16687,16708,16710,16715,16733,16736,16739,16742,16760,16763,16765,16775,16781,16787,16796,16805,16807],[11,16616,16617],{},"怪しい広告に貼られていた QR、送られてきたチラシの QR、カメラで読むにはスマホを近づける距離が取りづらい QR。「画像として手元にある QR を PC でサッと中身だけ確認したい」という場面は意外と多いものです。",[11,16619,16620,16623],{},[288,16621,16622],{"href":1679},"Zerosend の QR 読み取りツール"," は、この用途のためにあります。フィッシングやスキャン型詐欺への自衛にも使えます。",[18,16625,16178],{"id":16178},[303,16627,16628,16634,16640,16646],{},[306,16629,16630,16633],{},[309,16631,16632],{},"印刷物の URL を PC でそのまま開きたい",": チラシやポスターの QR を撮影 → 画像をドロップ → URL をコピー、という流れでスマホを使わずに遷移できます",[306,16635,16636,16639],{},[309,16637,16638],{},"受け取った QR の内容を先に確認したい",": メールや SNS で届いた QR をスキャンする前に、リンク先が安全かテキストで確認できます",[306,16641,16642,16645],{},[309,16643,16644],{},"スクリーンショットに含まれる QR を読みたい",": 画面録画や資料の中に小さく写っている QR も、画像をそのまま貼り付けるだけで読み取れます",[306,16647,16648,2412,16651,16653],{},[309,16649,16650],{},"QR コード生成後の検証",[288,16652,3272],{"href":3271}," で作った QR が正しい内容を埋め込んでいるか、すぐ確認できます",[18,16655,16657],{"id":16656},"なぜブラウザ内で-qr-を読み取るのか","なぜブラウザ内で QR を読み取るのか",[11,16659,16660,16661,16664],{},"QR 読み取り=「カメラで撮って自動でリンクを開く」と考えがちですが、これは",[309,16662,16663],{},"危険な挙動","です。悪意のある QR はフィッシングサイト、マルウェア配布 URL、課金トラップ、不審なアプリインストールに誘導することがあります。",[11,16666,16667],{},"Zerosend はこれに対し 2 つの方針を取ります。",[340,16669,16670,16676],{},[306,16671,16672,16675],{},[309,16673,16674],{},"画像読み取り処理をローカルで行う"," — QR 画像を第三者に渡さない",[306,16677,16678,16681],{},[309,16679,16680],{},"デコード結果を自動遷移しない"," — URL が含まれていても、まずテキストとして表示し、ユーザーが内容を確認してから手動で判断できる",[11,16683,16684],{},"これはセキュリティ設計として重要な原則で、ZerosendのCLAUDE.mdにも「外部 URL への自動遷移禁止」として明記されています。",[18,16686,13504],{"id":13504},[340,16688,16689,16695,16698,16705],{},[306,16690,16691,13513],{},[288,16692,16693],{"href":1679},[283,16694,1679],{},[306,16696,16697],{},"QR が写っている画像をドラッグ&ドロップ",[306,16699,16700,16701,16704],{},"自動でデコードが走り、結果が",[309,16702,16703],{},"プレーンテキスト","として表示される",[306,16706,16707],{},"内容を確認し、必要なら手動でコピー・遷移",[18,16709,13584],{"id":13584},[11,16711,16712,16714],{},[283,16713,1834],{}," というブラウザ対応の純 JavaScript QR デコーダを使っています。",[303,16716,16717,16721,16727,16730],{},[306,16718,14897,16719,14282],{},[283,16720,14281],{},[306,16722,16723,16726],{},[283,16724,16725],{},"getImageData()"," でピクセル配列を取得",[306,16728,16729],{},"jsQR がピクセル配列から QR を検出・デコード",[306,16731,16732],{},"結果をテキストとしてそのまま表示 (HTML として解釈しない・リンク化しない)",[11,16734,16735],{},"ライブラリは WASM ではなく純 JavaScript 実装のため、初回ロードが軽いのも特徴です。",[18,16737,16738],{"id":16738},"フィッシング対策としての使い方",[11,16740,16741],{},"怪しいメール・チラシ・SMS に QR が含まれているとき:",[340,16743,16744,16747,16754,16757],{},[306,16745,16746],{},"画像をスクリーンショットや保存で取得 (スキャンしない)",[306,16748,16749,16750,16753],{},"Zerosend で読み取って",[309,16751,16752],{},"テキストとして"," URL を確認",[306,16755,16756],{},"URL 構造に違和感がないかチェック (正規サイトのサブドメイン偽装、短縮 URL 経由、意味不明なパスなど)",[306,16758,16759],{},"問題なさそうなら手動でアドレスバーに入力して遷移",[11,16761,16762],{},"カメラで直接読むと一発でブラウザが開くリスクがありますが、この手順ならテキストで一度確認できます。",[18,16764,410],{"id":410},[11,16766,16767,16770,16771,16774],{},[309,16768,16769],{},"Q. 悪意ある QR コードを読み取っても安全ですか？","\nA. 安全です。Zerosend は読み取り結果を ",[309,16772,16773],{},"テキストとして表示するだけ","で、URL を自動的に開きません。フィッシングサイトへの誘導や不正アプリのインストールは、ユーザーが自分でリンクを開かない限り起きません。設計上の安全機構です。",[11,16776,16777,16780],{},[309,16778,16779],{},"Q. バーコード (1D コード) も読み取れますか？","\nA. 現状は QR コード (2D) 専用です。バーコードには非対応です。",[11,16782,16783,16786],{},[309,16784,16785],{},"Q. 画像内に複数の QR がある場合は？","\nA. 現状は最初に検出された 1 つだけ読み取ります。",[11,16788,16789,16792,16793,16795],{},[309,16790,16791],{},"Q. 読み取れない QR","\nA. 解像度不足・反射・歪みが主な原因です。撮り直すか ",[288,16794,14972],{"href":4230}," で補正を試してください。",[11,16797,16798,16801,16802,16804],{},[309,16799,16800],{},"Q. 読み取り結果がサーバーに送られていないか確認したい","\nA. DevTools の Network タブを開いてから QR 画像をドロップしてください。通信が発生しないことが確認できます。",[283,16803,1834],{}," ライブラリは純 JavaScript 実装のため、WASM の読み込みもなく初回ロードが軽いです。",[18,16806,13643],{"id":13643},[303,16808,16809,16815,16820],{},[306,16810,16811,16814],{},[288,16812,16813],{"href":3271},"QR コード生成"," — 作った QR の検証にも使える",[306,16816,16817,16819],{},[288,16818,14972],{"href":4230}," — QR 画像の切り抜き・回転で読み取り成功率向上",[306,16821,16822,16824],{},[288,16823,11596],{"href":437}," — 読み取れた QR 画像を軽く保存",{"title":480,"searchDepth":481,"depth":481,"links":16826},[16827,16828,16829,16830,16831,16832,16833],{"id":16178,"depth":481,"text":16178},{"id":16656,"depth":481,"text":16657},{"id":13504,"depth":481,"text":13504},{"id":13584,"depth":481,"text":13584},{"id":16738,"depth":481,"text":16738},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の QR 読み取りツールは、画像をサーバーに送らずブラウザ内で QR の中身をテキスト抽出します。リンク先の自動遷移はせず、安全に内容を確認できます。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fqr-read-intro",{"title":16612,"description":16834},"qr-read-intro","blog\u002Fqr-read-intro",[16608,767,2509],"j46vgEcPfhv6EH5RndIaDbOxrCfIz6sT6f-EL3Hq6MQ",{"id":16843,"title":16844,"author":6,"body":16845,"category":496,"coverImage":497,"description":17072,"draft":499,"extension":500,"locale":501,"meta":17073,"navigation":503,"noindex":503,"path":17074,"publishedAt":13684,"seo":17075,"slug":17076,"stem":17077,"tags":17078,"updatedAt":13684,"__hash__":17079},"blog\u002Fblog\u002Fvideo-compress-intro.md","動画をブラウザ内で圧縮する — \u002Ftools\u002Fvideo-compress の思想と使い方",{"type":8,"value":16846,"toc":17060},[16847,16850,16859,16862,16865,16872,16883,16885,16888,16908,16911,16937,16940,16944,16947,16951,16962,16998,17001,17005,17011,17013,17019,17025,17031,17037,17039,17057],[11,16848,16849],{},"打ち合わせ動画、商品撮影、画面録画、子供の運動会。日常で動画を扱う場面は増える一方で、SNS やメッセンジャーのサイズ制限、メールの添付上限、サーバーのストレージコストという現実的な壁にぶつかります。",[11,16851,16852,16853,16858],{},"Zerosend は ",[288,16854,16855,16856,15904],{"href":6962},"動画圧縮ツール (",[283,16857,6962],{}," を、この「軽くしたいだけなのに、動画を他人のサーバーに預ける必要はない」という素朴な違和感を起点に作りました。なぜ作ったのか、どう使うのか、裏で何が起きているのかを整理します。",[18,16860,16861],{"id":16861},"なぜブラウザ内で動画を圧縮するのか",[11,16863,16864],{},"動画は個人情報そのものです。顔・声・背景・位置情報、ときには画面録画の中にパスワードや顧客名まで写り込みます。これをオンラインの圧縮サービスにアップロードするということは、その内容を一度他人のサーバーに預けることです。",[11,16866,16867,16868,16871],{},"多くのサービスは「一定時間で自動削除」を謳いますが、",[309,16869,16870],{},"その削除は利用者から検証できません","。削除完了のスクリーンショットを送ってくれるわけでもなく、ログがどこまで残るかも不透明です。未公開の企画映像や社内会議の録画を、無料ツールに放り込むことに抵抗を感じたことがある人は多いはずです。",[11,16873,16874,16875,16878,16879,16882],{},"Zerosend は逆のアプローチを取ります。",[309,16876,16877],{},"動画ファイルを最初から外に出さない","。処理はすべて、あなたがいま開いているこのブラウザ、ローカル端末の CPU と GPU の中だけで完結します。DevTools の Network タブを開いたまま圧縮を実行すれば、動画そのものがアップロードされていないことを自分の目で確認できます。信用してもらう代わりに、",[309,16880,16881],{},"検証可能にする"," — これが Zerosend の基本方針です。",[18,16884,13504],{"id":13504},[11,16886,16887],{},"操作はシンプルです。",[340,16889,16890,16896,16899,16902,16905],{},[306,16891,16892,13513],{},[288,16893,16894],{"href":6962},[283,16895,6962],{},[306,16897,16898],{},"画面中央のドロップゾーンに動画ファイルをドラッグ&ドロップ、またはクリックして選択 (MP4 \u002F WebM \u002F MOV、最大 500MB)",[306,16900,16901],{},"圧縮強度 (CRF) と解像度を選ぶ",[306,16903,16904],{},"「圧縮を開始する」をクリック",[306,16906,16907],{},"処理が終わると「処理完了。あなたのファイルは外に出ていません。」と表示され、ダウンロードボタンから結果を保存できる",[26,16909,16910],{"id":16910},"設定の目安",[303,16912,16913,16919,16925,16931],{},[306,16914,16915,16918],{},[309,16916,16917],{},"高画質 (CRF 23)",": 画質維持を最優先。削減率は 10〜30% 程度。保存用のマスター映像向け",[306,16920,16921,16924],{},[309,16922,16923],{},"標準 (CRF 28)",": 視覚的な劣化は軽微。削減率 40〜70%。ウェブ掲載・SNS 共有に",[306,16926,16927,16930],{},[309,16928,16929],{},"小さめ (CRF 32)",": 多少ぼやけるが容量優先。チャット添付・LINE・メール向け",[306,16932,16933,16936],{},[309,16934,16935],{},"最小 (CRF 36)",": 輪郭が甘くなる。品質より「とにかく送れる」が最優先なとき",[11,16938,16939],{},"解像度は 100 \u002F 75 \u002F 50% から選べます。1080p の素材を 75% にすると、CRF を 1〜2 下げるより確実にサイズが落ちます。",[18,16941,16943],{"id":16942},"仕組み-二段構えのエンジン","仕組み — 二段構えのエンジン",[11,16945,16946],{},"Zerosend の動画圧縮は、単一のエンジンに依存していません。ブラウザの能力を見て、もっとも速い経路を自動で選びます。",[26,16948,16950],{"id":16949},"_1-webcodecs-高速パス","1. WebCodecs (高速パス)",[11,16952,16953,16954,16957,16958,16961],{},"Chrome \u002F Edge \u002F 最近の Safari には ",[283,16955,16956],{},"WebCodecs"," API が実装されており、",[309,16959,16960],{},"GPU 支援の H.264 エンコーダ","をブラウザから直接呼び出せます。Zerosend は対応環境では次のパイプラインで処理します。",[303,16963,16964,16970,16976,16983,16989,16992],{},[306,16965,16966,16969],{},[283,16967,16968],{},"mp4box.js"," で MP4 ファイルを demux",[306,16971,16972,16975],{},[283,16973,16974],{},"VideoDecoder"," でフレームを復号 (ハードウェアアクセラレーション)",[306,16977,16978,16979,16982],{},"必要なら ",[283,16980,16981],{},"OffscreenCanvas"," でリサイズ",[306,16984,16985,16988],{},[283,16986,16987],{},"VideoEncoder"," で H.264 に再エンコード (GPU)",[306,16990,16991],{},"音声はロスレスコピー (AAC のチャンクをそのまま維持)",[306,16993,16994,16997],{},[283,16995,16996],{},"mp4-muxer"," で MP4 に mux し、Blob として出力",[11,16999,17000],{},"数百 MB の動画も数十秒で処理できます。処理後の結果カードに「エンジン: webcodecs」と表示されれば、このパスが走っています。",[26,17002,17004],{"id":17003},"_2-ffmpegwasm-フォールバック","2. ffmpeg.wasm (フォールバック)",[11,17006,17007,17008,17010],{},"WebCodecs が未対応のブラウザ、HEVC などの特殊なコーデック入力、mp4box が parse できない特殊コンテナのときは、自動的に ",[283,17009,6330],{}," に切り替わります。完全に CPU で処理するため速度は落ちますが、対応できるフォーマットの幅が段違いに広いのが強みです。ffmpeg-core は Cloudflare R2 から、同一オリジンのパスを経由して 32MB の WASM を取得します。初回のみ時間がかかりますが、2 回目以降はブラウザのキャッシュから復元されます。",[18,17012,410],{"id":410},[11,17014,17015,17018],{},[309,17016,17017],{},"Q. 処理中にインターネット接続が切れたら？","\nA. 動画本体の送受信は発生しないため、圧縮処理自体は継続します。エンジン (ffmpeg.wasm) が未ロードの状態だと初回ダウンロードで失敗しますが、一度読み込んだあとはオフラインでも動作します。",[11,17020,17021,17024],{},[309,17022,17023],{},"Q. 結果のファイルはどこに保存されますか？","\nA. ダウンロードボタンを押したときのブラウザの保存先です。サーバーには何も残りません。結果ファイルはタブを閉じるとメモリから消えます。",[11,17026,17027,17030],{},[309,17028,17029],{},"Q. 画質が思ったより落ちます。","\nA. CRF を下げる (例: 28 → 23)、または解像度の縮小をやめる (50% → 100%) と改善します。素材が 4K なら、100% のまま CRF を下げるより 75% + CRF 25 の方が視覚的なバランスが取れやすいです。",[11,17032,17033,17036],{},[309,17034,17035],{},"Q. iPhone で撮った MOV も処理できますか？","\nA. はい。HEVC (H.265) の場合は ffmpeg.wasm 側のフォールバックに回るため時間がかかりますが、H.264 にトランスコードされた MP4 として出力されます。",[18,17038,13643],{"id":13643},[303,17040,17041,17047,17052],{},[306,17042,17043,17046],{},[288,17044,17045],{"href":1097},"動画 → GIF"," — SNS の表紙やドキュメント挿入に",[306,17048,17049,17051],{},[288,17050,13662],{"href":3936}," — 必要な区間だけ切り出してから圧縮すると効率的",[306,17053,17054,17056],{},[288,17055,13656],{"href":6059}," — MOV \u002F WebM → MP4 など",[11,17058,17059],{},"Zerosend は「日常のちょっとした加工を、あなたの端末で完結させる」ことに徹したツール集です。動画の中身があなたの手元から離れないことを、DevTools で自分の目で確かめてから使ってみてください。",{"title":480,"searchDepth":481,"depth":481,"links":17061},[17062,17063,17066,17070,17071],{"id":16861,"depth":481,"text":16861},{"id":13504,"depth":481,"text":13504,"children":17064},[17065],{"id":16910,"depth":486,"text":16910},{"id":16942,"depth":481,"text":16943,"children":17067},[17068,17069],{"id":16949,"depth":486,"text":16950},{"id":17003,"depth":486,"text":17004},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の動画圧縮ツールは、動画ファイルをサーバーに送らずブラウザ内で再エンコードしてサイズを削減します。WebCodecs で GPU 支援、未対応環境では ffmpeg.wasm にフォールバック。設計思想と使い方、仕組みを Zerosend 編集部が解説します。",{},"\u002Fblog\u002Fvideo-compress-intro",{"title":16844,"description":17072},"video-compress-intro","blog\u002Fvideo-compress-intro",[1289,1589,16956,767],"m6ZmnP7B9y1BiQ1bkpnuRVd5d-kUAoN5oRSdq2weaH0",{"id":17081,"title":17082,"author":6,"body":17083,"category":496,"coverImage":497,"description":17247,"draft":499,"extension":500,"locale":501,"meta":17248,"navigation":503,"noindex":503,"path":17249,"publishedAt":13684,"seo":17250,"slug":17251,"stem":17252,"tags":17253,"updatedAt":13684,"__hash__":17254},"blog\u002Fblog\u002Fvideo-convert-intro.md","動画形式を変換する — \u002Ftools\u002Fvideo-convert の思想と使い方",{"type":8,"value":17084,"toc":17238},[17085,17088,17094,17096,17103,17106,17108,17126,17129,17149,17151,17156,17158,17161,17182,17185,17187,17193,17199,17205,17213,17219,17221],[11,17086,17087],{},"iPhone で撮った MOV を Windows に送りたい、古いビデオカメラの AVI を YouTube に上げたい、ウェブサイト掲載用に WebM 形式に変換して読み込みを軽くしたい。動画の形式変換は、互換性問題を解決する定番作業です。MP4 は最も互換性が高く、迷ったらまず MP4 を選ぶのが安全です。WebM は Chrome \u002F Firefox での再生効率が良く、ウェブページ埋め込みに適しています。",[11,17089,17090,17093],{},[288,17091,17092],{"href":6059},"Zerosend の動画形式変換ツール"," は、この変換をブラウザ内で完結させます。",[18,17095,13491],{"id":13491},[11,17097,17098,17099,17102],{},"動画ファイルは、内容がどのようなものであっても",[309,17100,17101],{},"撮影者・被写体・撮影場所","という 3 種の個人情報を常に含みます。結婚式の映像、社内イベントの録画、研修動画、顧客インタビュー。これらを無料のオンライン変換サービスに預けることは、映像を第三者のサーバーに一時的に置くことと同じです。",[11,17104,17105],{},"Zerosend では変換処理がローカルで完結するため、この構造的リスクを回避できます。",[18,17107,13504],{"id":13504},[340,17109,17110,17116,17119,17122,17124],{},[306,17111,17112,13513],{},[288,17113,17114],{"href":6059},[283,17115,6059],{},[306,17117,17118],{},"動画ファイルをドラッグ&ドロップ",[306,17120,17121],{},"出力形式 (MP4 \u002F WebM) を選ぶ",[306,17123,13522],{},[306,17125,2439],{},[18,17127,17128],{"id":17128},"形式の使い分け",[303,17130,17131,17137,17143],{},[306,17132,17133,17136],{},[309,17134,17135],{},"MP4 (H.264 + AAC)",": 汎用。ブラウザ・デバイス・SNS すべてで最も広く対応",[306,17138,17139,17142],{},[309,17140,17141],{},"WebM (VP9 + Opus)",": ブラウザネイティブ。ウェブサイト掲載で効率が良い",[306,17144,17145,17148],{},[309,17146,17147],{},"互換性優先なら MP4",": 疑問があれば MP4 を選ぶのが安全",[18,17150,13782],{"id":13781},[11,17152,16046,17153,17155],{},[309,17154,6330],{}," を使ってブラウザ上で動画を変換します。ffmpeg.wasm は、動画処理の業界標準ツール「FFmpeg」を WebAssembly にコンパイルしたものです。サーバーへのアップロードは一切発生せず、すべての処理があなたの端末のメモリ上で完結します。初回アクセス時に約 30MB の WASM ファイルを読み込みます。",[18,17157,13584],{"id":13584},[11,17159,17160],{},"ffmpeg.wasm の再エンコードを利用しています。",[303,17162,17163,17166,17176,17179],{},[306,17164,17165],{},"入力動画を ffmpeg FS に書き込み",[306,17167,17168,17171,17172,17175],{},[283,17169,17170],{},"-c:v libx264 -c:a aac"," (MP4) または ",[283,17173,17174],{},"-c:v libvpx-vp9 -c:a libopus"," (WebM) で再エンコード",[306,17177,17178],{},"出力を Blob としてメモリに展開",[306,17180,17181],{},"ダウンロード用 URL を生成",[11,17183,17184],{},"再エンコードのため処理時間は入力の長さに比例します。30 秒の動画で数秒〜数十秒が目安です。",[18,17186,410],{"id":410},[11,17188,17189,17192],{},[309,17190,17191],{},"Q. 変換すると画質は落ちますか？","\nA. 再エンコードするため、理論上は多少劣化します。ただし本ツールのプリセットは実用レベルでは視覚的にほぼわからない品質設定です。",[11,17194,17195,17198],{},[309,17196,17197],{},"Q. 音声は変換後も保持されますか？","\nA. はい。MP4 では AAC、WebM では Opus コーデックで音声を保持します。",[11,17200,17201,17204],{},[309,17202,17203],{},"Q. コーデック指定や高度なオプションを変えたい","\nA. 本ツールは一般用途向けのプリセットで固定しています。細かい制御が必要なら、別のプロフェッショナル向けツールを検討してください。",[11,17206,17207,13866,17210,17212],{},[309,17208,17209],{},"Q. 音声のみ抽出したい",[288,17211,13822],{"href":6713}," をお使いください。",[11,17214,17215,17218],{},[309,17216,17217],{},"Q. 対応していない入力形式","\nA. ffmpeg がサポートする範囲ですが、特殊コーデック (Pro Res \u002F DNxHD など) は未対応の場合があります。",[18,17220,13643],{"id":13643},[303,17222,17223,17228,17233],{},[306,17224,17225,17227],{},[288,17226,13668],{"href":6962}," — 変換と同時にサイズも削減したいとき",[306,17229,17230,17232],{},[288,17231,13662],{"href":3936}," — 変換前に必要な区間だけ切り出す",[306,17234,17235,17237],{},[288,17236,13822],{"href":6713}," — 動画から音声だけ抽出して変換",{"title":480,"searchDepth":481,"depth":481,"links":17239},[17240,17241,17242,17243,17244,17245,17246],{"id":13491,"depth":481,"text":13491},{"id":13504,"depth":481,"text":13504},{"id":17128,"depth":481,"text":17128},{"id":13781,"depth":481,"text":13782},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の動画形式変換ツールは、MOV \u002F WebM \u002F MKV \u002F AVI などの動画をサーバーに送らずブラウザ内で MP4 など互換性の高い形式に変換します。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-convert-intro",{"title":17082,"description":17247},"video-convert-intro","blog\u002Fvideo-convert-intro",[1289,1290,767],"ldYVnFsDnsxNqA4OjZcTU5p1BFIPG2owtrvfRBqSTcA",{"id":17256,"title":17257,"author":6,"body":17258,"category":496,"coverImage":497,"description":17492,"draft":499,"extension":500,"locale":501,"meta":17493,"navigation":503,"noindex":503,"path":17494,"publishedAt":13684,"seo":17495,"slug":17496,"stem":17497,"tags":17498,"updatedAt":13684,"__hash__":17499},"blog\u002Fblog\u002Fvideo-to-gif-intro.md","動画を GIF に変換する — \u002Ftools\u002Fvideo-to-gif の思想と使い方",{"type":8,"value":17259,"toc":17482},[17260,17263,17268,17270,17296,17300,17303,17323,17329,17333,17339,17342,17344,17366,17369,17372,17398,17400,17408,17427,17430,17432,17441,17451,17457,17463,17465],[11,17261,17262],{},"画面操作の説明を Slack で共有したい、バグの再現手順を issue に貼りたい、X のタイムラインで動く画像にしたい。動画が重くて共有しづらい場面で GIF は今でも現役です。",[11,17264,17265,17093],{},[288,17266,17267],{"href":1097},"Zerosend の 動画 → GIF 変換ツール",[18,17269,16178],{"id":16178},[303,17271,17272,17278,17284,17290],{},[306,17273,17274,17277],{},[309,17275,17276],{},"チャット・SNS への操作デモ共有",": Slack・Discord・X では動画より GIF の方が自動再生されやすく、見てもらいやすい",[306,17279,17280,17283],{},[309,17281,17282],{},"GitHub Issue へのバグ再現添付",": 再現手順を GIF にすると、文章だけより圧倒的に伝わります",[306,17285,17286,17289],{},[309,17287,17288],{},"製品マニュアルや説明資料",": 使い方の短いアニメを埋め込むとドキュメントの分かりやすさが上がります",[306,17291,17292,17295],{},[309,17293,17294],{},"SNS 投稿用のループ動画",": 短い映像をループさせてタイムラインで目を引く素材にできます",[18,17297,17299],{"id":17298},"gif-の特性を理解して使う","GIF の特性を理解して使う",[11,17301,17302],{},"GIF には独自の制約があります。",[303,17304,17305,17311,17317],{},[306,17306,17307,17310],{},[309,17308,17309],{},"音声なし",": GIF 形式の仕様上、音声トラックは含められません",[306,17312,17313,17316],{},[309,17314,17315],{},"色数は最大 256 色",": フルカラー動画に比べて色表現が限られます。グラデーションや写真素材はバンディングが出やすい",[306,17318,17319,17322],{},[309,17320,17321],{},"ファイルサイズが大きくなりやすい",": 同じ長さ・解像度の動画 MP4 と比べると、GIF は数倍のサイズになることが多い",[11,17324,17325,17326,17328],{},"画面操作録画やシンプルなアニメーションには向いています。風景動画など色が複雑な素材は ",[288,17327,13668],{"href":6962}," で MP4 のままにするのが適切です。",[18,17330,17332],{"id":17331},"なぜブラウザ内で-gif-変換するのか","なぜブラウザ内で GIF 変換するのか",[11,17334,17335,17336,6316],{},"画面録画の中身は、UI スクリーンショット以上に情報を含みます。操作中に映る URL・ユーザー名・通知内容・顧客の名前。これらを含む動画を GIF 変換サービスにアップロードすると、",[309,17337,17338],{},"動画の全フレームが相手のサーバーに渡ります",[11,17340,17341],{},"Zerosend では変換処理をローカルで行うため、そのリスクがありません。DevTools で通信が発生していないことを確認してから使ってください。",[18,17343,13504],{"id":13504},[340,17345,17346,17352,17355,17358,17361,17364],{},[306,17347,17348,13513],{},[288,17349,17350],{"href":1097},[283,17351,1097],{},[306,17353,17354],{},"動画ファイルをドラッグ&ドロップ (MP4 \u002F WebM \u002F MOV)",[306,17356,17357],{},"切り出し区間 (開始時刻・終了時刻) を指定",[306,17359,17360],{},"フレームレート (5 \u002F 10 \u002F 15fps) と幅を選択",[306,17362,17363],{},"「GIF 化を開始する」をクリック",[306,17365,2439],{},[18,17367,17368],{"id":17368},"サイズを抑えるコツ",[11,17370,17371],{},"GIF は形式として大きくなりがちです。以下の指針で調整してください。",[303,17373,17374,17380,17386,17392],{},[306,17375,17376,17379],{},[309,17377,17378],{},"区間は短く",": 3〜6 秒が実用上の上限",[306,17381,17382,17385],{},[309,17383,17384],{},"幅は 480px 以下",": Slack・Twitter で使うなら 480px 前後で十分",[306,17387,17388,17391],{},[309,17389,17390],{},"フレームレートは 10fps",": 15fps 以上は体感差が小さくサイズだけ増える",[306,17393,17394,17397],{},[309,17395,17396],{},"色数は制限",": ツール側で最適化しているが、単調な色味の動画ほどうまくハマる",[18,17399,13584],{"id":13584},[11,17401,17402,17403,4215,17405,17407],{},"ffmpeg.wasm で動画を復号し、",[283,17404,1231],{},[283,17406,1235],{}," フィルタを使って GIF の 256 色パレットに最適化して書き出しています。",[303,17409,17410,17412,17418,17424],{},[306,17411,17165],{},[306,17413,17414,17417],{},[283,17415,17416],{},"-vf \"fps=10,scale=480:-1:flags=lanczos,palettegen\""," で最適パレット生成",[306,17419,17420,17423],{},[283,17421,17422],{},"-vf \"fps=10,scale=480:-1:flags=lanczos,paletteuse\""," で GIF エンコード",[306,17425,17426],{},"Blob としてメモリに展開",[11,17428,17429],{},"2 パス処理をブラウザ内で完結させているため、サーバー送信は一切発生しません。",[18,17431,410],{"id":410},[11,17433,17434,17437,17438,17440],{},[309,17435,17436],{},"Q. GIF が想像より大きくなるのはなぜ？","\nA. GIF の圧縮効率は MP4 より大幅に劣ります。色数が多い・解像度が高い・再生時間が長いほどサイズが跳ね上がります。区間を短く・幅を小さく・フレームレートを低くすることで抑えられます。30 秒超なら ",[288,17439,13668],{"href":6962}," で軽量 MP4 のままにするのをお勧めします。",[11,17442,17443,17446,17447,17450],{},[309,17444,17445],{},"Q. 最適なフレームレートは？","\nA. 画面操作デモや UI アニメーションなら ",[309,17448,17449],{},"10fps"," で十分です。15fps 以上は体感差が小さくサイズだけ増えます。スポーツや動きが速い動画なら 15fps を試してみてください。",[11,17452,17453,17456],{},[309,17454,17455],{},"Q. 音声は入りますか？","\nA. GIF 仕様上、音声は含められません。音声付きで共有したいなら動画のままが適切です。",[11,17458,17459,17462],{},[309,17460,17461],{},"Q. 透過 GIF は作れますか？","\nA. 1 ビット透過なら可能ですが、動画ソースからの抽出は実用的でないため、本ツールでは非対応です。",[18,17464,13643],{"id":13643},[303,17466,17467,17472,17477],{},[306,17468,17469,17471],{},[288,17470,13662],{"href":3936}," — GIF 化前に必要な区間だけ切り出す",[306,17473,17474,17476],{},[288,17475,13668],{"href":6962}," — GIF の代わりに軽量 MP4 にする選択肢",[306,17478,17479,17481],{},[288,17480,13656],{"href":6059}," — 他形式への変換",{"title":480,"searchDepth":481,"depth":481,"links":17483},[17484,17485,17486,17487,17488,17489,17490,17491],{"id":16178,"depth":481,"text":16178},{"id":17298,"depth":481,"text":17299},{"id":17331,"depth":481,"text":17332},{"id":13504,"depth":481,"text":13504},{"id":17368,"depth":481,"text":17368},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の 動画 → GIF 変換ツールは、動画をサーバーに送らずブラウザ内で GIF アニメに変換します。SNS・ドキュメント・Slack 用の短尺アニメ作成に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-to-gif-intro",{"title":17257,"description":17492},"video-to-gif-intro","blog\u002Fvideo-to-gif-intro",[1289,9019,767],"F-VtE5_81X3UDass3kkqeGRzNTo9sqxhp5fVXlpsflQ",{"id":17501,"title":17502,"author":6,"body":17503,"category":496,"coverImage":497,"description":17696,"draft":499,"extension":500,"locale":501,"meta":17697,"navigation":503,"noindex":503,"path":17698,"publishedAt":13684,"seo":17699,"slug":17700,"stem":17701,"tags":17702,"updatedAt":13684,"__hash__":17703},"blog\u002Fblog\u002Fvideo-trim-intro.md","動画をトリミング (切り出し) する — \u002Ftools\u002Fvideo-trim の思想と使い方",{"type":8,"value":17504,"toc":17687},[17505,17508,17513,17515,17547,17549,17556,17559,17561,17580,17584,17590,17593,17595,17603,17618,17621,17623,17631,17637,17646,17651,17657,17668,17670],[11,17506,17507],{},"60 分の会議録画から「重要な 3 分」だけ共有したい、旅行動画の最初の手ブレ部分をカットしたい、画面録画の誤操作部分を除きたい。動画のトリミングは、共有前の定番作業です。",[11,17509,17510,13459],{},[288,17511,17512],{"href":3936},"Zerosend の動画トリミングツール",[18,17514,13705],{"id":13705},[303,17516,17517,17523,17529,17535,17541],{},[306,17518,17519,17522],{},[309,17520,17521],{},"会議録画の抜粋共有",": 60 分の Zoom 録画から決議箇所の 5 分だけを切り出してチームに送る",[306,17524,17525,17528],{},[309,17526,17527],{},"旅行動画の冒頭カット",": 起動直後の手ブレや暗転部分を除いて本編から始める",[306,17530,17531,17534],{},[309,17532,17533],{},"画面録画の整理",": 操作説明動画の冒頭・末尾の余分な操作を削除",[306,17536,17537,17540],{},[309,17538,17539],{},"SNS 投稿用にカット",": 長い動画から見せたい場面だけを 60 秒以内に切り出す",[306,17542,17543,17546],{},[309,17544,17545],{},"インタビュー動画の引用",": 収録全体から発言箇所だけを抜粋してプレゼンに使う",[18,17548,13746],{"id":13746},[11,17550,17551,17552,17555],{},"トリミングしたい動画ほど「切り取りたい箇所」より「切り捨てたい箇所」が大きいものです。60 分の会議録画から 3 分を抽出する場合、",[309,17553,17554],{},"残りの 57 分分の機密発言もいったん相手サーバーにアップロードする","ことになります。",[11,17557,17558],{},"これはプライバシー観点で非合理的です。Zerosend はトリミング処理をローカルで行うため、アップロードそのものが発生しません。入力動画が数 GB あっても、ネットワークには何も流れません。",[18,17560,13504],{"id":13504},[340,17562,17563,17569,17572,17575,17577],{},[306,17564,17565,13513],{},[288,17566,17567],{"href":3936},[283,17568,3936],{},[306,17570,17571],{},"動画をドラッグ&ドロップ",[306,17573,17574],{},"開始時刻・終了時刻を指定 (スライダーまたは秒数入力)",[306,17576,13775],{},[306,17578,17579],{},"切り出された動画をダウンロード",[18,17581,17583],{"id":17582},"ffmpegwasm-とは","ffmpeg.wasm とは",[11,17585,17586,17587,17589],{},"ffmpeg は動画・音声処理の世界標準ツールで、もともとはターミナルで使うコマンドラインプログラムです。",[309,17588,6330],{}," はこれを WebAssembly (WASM) にコンパイルしたもので、インストール不要でブラウザ上で動作します。",[11,17591,17592],{},"Zerosend はこの ffmpeg.wasm を使って、ネイティブアプリに近い動画処理をブラウザ内で実現しています。初回アクセス時は約 30MB の WASM ファイルを取得するため少し時間がかかりますが、取得後はオフラインでも動作します。",[18,17594,13584],{"id":13584},[11,17596,13796,17597,17599,17600,17602],{},[283,17598,13799],{}," (開始) \u002F ",[283,17601,13802],{}," (終了) オプションを使って指定区間を切り出します。",[303,17604,17605,17607,17613],{},[306,17606,17165],{},[306,17608,17609,17612],{},[283,17610,17611],{},"-ss \u003Cstart> -i input.mp4 -to \u003Cend> -c copy output.mp4"," で再エンコードなしに切り出し",[306,17614,17615,17617],{},[283,17616,13869],{}," によりロスレス抽出 (処理も高速)",[11,17619,17620],{},"再エンコードしないため、画質劣化なし・処理時間も入力サイズの数%程度で完了します。",[18,17622,410],{"id":410},[11,17624,17625,13866,17628,17630],{},[309,17626,17627],{},"Q. フレーム単位の精度は？",[283,17629,13869],{}," でキーフレーム境界に揃える仕様のため、GOP サイズに依存します。秒単位以上の精度が必要なら問題なく使えますが、フレーム単位の精度が必要な場合は本ツール内で再エンコードオプションを有効化できます (処理時間が増加)。",[11,17632,17633,17636],{},[309,17634,17635],{},"Q. 対応している動画形式は？","\nA. MP4・MOV・AVI・WebM・MKV など主要な形式に対応しています。スマートフォンで撮影した MP4 や MOV ファイルはそのまま使えます。",[11,17638,17639,17642,17643,17645],{},[309,17640,17641],{},"Q. ファイルサイズの上限はありますか？","\nA. デバイスのメモリに依存します。PC (8GB RAM) なら 2〜4GB 程度まで問題なく処理できます。大容量ファイルは事前に ",[288,17644,13668],{"href":6962}," でサイズを小さくしておくと安定します。",[11,17647,17648,17650],{},[309,17649,13875],{},"\nA. 現状は 1 区間のみです。複数区間を扱う場合は 1 区間ずつ抽出後、別途結合ツールを使ってください。",[11,17652,17653,17656],{},[309,17654,17655],{},"Q. 音声も一緒に切り出される？","\nA. はい。映像と音声は同じ区間でセット抽出されます。",[11,17658,17659,13866,17662,17664,17665,17667],{},[309,17660,17661],{},"Q. 音声だけ切り出したい場合は？",[288,17663,13650],{"href":845}," を使うか、本ツールで切り出した動画から音声だけを ",[288,17666,13822],{"href":6713}," で抽出してください。",[18,17669,13643],{"id":13643},[303,17671,17672,17677,17682],{},[306,17673,17674,17676],{},[288,17675,13668],{"href":6962}," — トリミング後にサイズ削減",[306,17678,17679,17681],{},[288,17680,17045],{"href":1097}," — 短い区間を GIF アニメに",[306,17683,17684,17686],{},[288,17685,13656],{"href":6059}," — 形式違いへの変換",{"title":480,"searchDepth":481,"depth":481,"links":17688},[17689,17690,17691,17692,17693,17694,17695],{"id":13705,"depth":481,"text":13705},{"id":13746,"depth":481,"text":13746},{"id":13504,"depth":481,"text":13504},{"id":17582,"depth":481,"text":17583},{"id":13584,"depth":481,"text":13584},{"id":410,"depth":481,"text":410},{"id":13643,"depth":481,"text":13643},"Zerosend の動画トリミングツールは、動画をサーバーに送らずブラウザ内で任意の区間だけ切り出します。不要な前後や長い会議録画から特定区間のみを共有したいときに。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-trim-intro",{"title":17502,"description":17696},"video-trim-intro","blog\u002Fvideo-trim-intro",[1289,930,767],"7EvrD-iE0ceEb1mOikK1dKX6CLOgOmRG5pONoAtKj4Y",{"id":17705,"title":17706,"author":6,"body":17707,"category":496,"coverImage":497,"description":17995,"draft":499,"extension":500,"locale":501,"meta":17996,"navigation":503,"noindex":499,"path":17997,"publishedAt":17998,"seo":17999,"slug":18000,"stem":18001,"tags":18002,"updatedAt":17998,"__hash__":18004},"blog\u002Fblog\u002Fbrowser-only-limits.md","ブラウザ内でファイル処理は「どこまで」できるか — 2026 年の現在地",{"type":8,"value":17708,"toc":17964},[17709,17712,17716,17720,17731,17734,17737,17740,17744,17755,17759,17765,17769,17778,17782,17800,17803,17807,17810,17814,17820,17824,17827,17831,17835,17842,17846,17853,17857,17860,17864,17868,17878,17882,17889,17893,17904,17912,17915,17919,17933,17936,17938,17945,17953],[11,17710,17711],{},"「ファイルをサーバーに送らずに処理する」は、2026 年のブラウザでかなりの範囲が実現可能です。ただし万能ではありません。Zerosend が採用している技術と、その限界を正直に整理します。",[18,17713,17715],{"id":17714},"なぜブラウザだけで処理する選択を採るのか","なぜ「ブラウザだけで処理する」選択を採るのか",[26,17717,17719],{"id":17718},"送らないので漏れないという直球の設計","送らないので漏れない、という直球の設計",[11,17721,17722,17723,17726,17727,17730],{},"サーバー送信を伴わない構造そのものが、",[309,17724,17725],{},"個人情報漏洩・誤操作・第三者共有"," のリスクを原理的にゼロにします。「漏れない仕組み」を語るより、",[309,17728,17729],{},"漏れる場所をなくす","ほうが検証しやすい設計です。",[26,17732,17733],{"id":17733},"設定や権限に依存しない単純さ",[11,17735,17736],{},"サーバー側で暗号化キーを守る \u002F ログを消す \u002F バックアップから除外する、という細かい運用は継続的な手間がかかります。ブラウザ内で完結するなら、そもそもその運用自体が発生しません。",[18,17738,17739],{"id":17739},"使っている技術スタック",[26,17741,17743],{"id":17742},"canvas-api-画像の基礎処理","Canvas API — 画像の基礎処理",[11,17745,17746,17747,17750,17751,17754],{},"2D 描画と画像ピクセル操作の標準 API。Zerosend の画像圧縮・リサイズ・形式変換はすべて Canvas 経由です。",[283,17748,17749],{},"drawImage()"," で任意の描画、",[283,17752,17753],{},"toBlob()"," で指定フォーマットに書き出せます。",[26,17756,17758],{"id":17757},"web-worker-メインスレッドを止めない","Web Worker — メインスレッドを止めない",[11,17760,17761,17762,17764],{},"重い処理をメインスレッドで回すと UI がフリーズします。Web Worker で別スレッドに逃がすことでスムーズな UX を維持します。",[283,17763,12001],{}," のように Worker を内包しているライブラリは、そのまま使うだけでメインスレッドを解放してくれます。",[26,17766,17768],{"id":17767},"webassembly-ffmpeg-pdf-系ライブラリの移植","WebAssembly — ffmpeg \u002F pdf 系ライブラリの移植",[11,17770,17771,17772,17774,17775,17777],{},"C \u002F C++ で書かれたネイティブライブラリを WASM 化することで、ブラウザで直接実行できます。Zerosend では ",[309,17773,6330],{}," (動画・音声) と ",[309,17776,15473],{}," (PDF レンダリング) が WASM ベースです。",[26,17779,17781],{"id":17780},"file-system-access-api-blob-入出力","File System Access API \u002F Blob — 入出力",[11,17783,17784,17785,1232,17788,17791,17792,17795,17796,17799],{},"モダンブラウザは ",[283,17786,17787],{},"showOpenFilePicker()",[283,17789,17790],{},"showSaveFilePicker()"," で OS のファイル選択ダイアログを呼べます。非対応の環境でも ",[283,17793,17794],{},"\u003Cinput type=\"file\">"," + ",[283,17797,17798],{},"Blob + URL.createObjectURL"," でダウンロードできるため、互換性の最低ラインは広いです。",[18,17801,17802],{"id":17802},"できること",[26,17804,17806],{"id":17805},"数-mb-数十-mb-のファイル処理","数 MB 〜数十 MB のファイル処理",[11,17808,17809],{},"現代のブラウザは 100MB 級のファイルでも (メモリ次第で) 安定して扱えます。JPG\u002FPNG 画像の圧縮・リサイズ・一括 ZIP 生成は問題なく動作します。",[26,17811,17813],{"id":17812},"バッチ処理-zip-生成を含む","バッチ処理 (ZIP 生成を含む)",[11,17815,17816,17819],{},[283,17817,17818],{},"jszip"," を使えば複数ファイルの圧縮まとめもブラウザ内で完結します。100 ファイル程度の一括処理は実用範囲です。",[26,17821,17823],{"id":17822},"逆圧縮形式変換","逆圧縮・形式変換",[11,17825,17826],{},"JPG → WebP、HEIC → JPG、PDF → PNG、MP4 → GIF などの変換は、すべてブラウザ内で実行できます。",[18,17828,17830],{"id":17829},"苦手なことできないこと","苦手なこと・できないこと",[26,17832,17834],{"id":17833},"数-gb-級の動画処理はメモリが持たない","数 GB 級の動画処理はメモリが持たない",[11,17836,17837,17838,17841],{},"ブラウザのプロセスメモリ上限はだいたい 2〜4 GB 程度。それ以上の動画をまるごと処理するのは困難です。",[309,17839,17840],{},"1 GB を超える動画はデスクトップツール"," (ffmpeg CLI 等) のほうが安定します。",[26,17843,17845],{"id":17844},"機械学習推論は遅い-onnx-runtime-web-は軽量モデル限定","機械学習推論は遅い (ONNX Runtime Web は軽量モデル限定)",[11,17847,17848,17849,17852],{},"ONNX Runtime Web や TensorFlow.js で推論は可能ですが、",[309,17850,17851],{},"数 GB 級のモデル","はブラウザで回すとかなり遅く、UX が実用的ではありません。軽量モデル (数百 MB) に限定するか、サーバー推論と割り切るのが現実的です。",[26,17854,17856],{"id":17855},"os-ネイティブ機能への直接アクセス","OS ネイティブ機能への直接アクセス",[11,17858,17859],{},"ブラウザはサンドボックス内で動くので、OS のファイルシステム全体を書き換えるような処理・プロセス起動はできません。セキュリティの観点からも妥当な制約です。",[18,17861,17863],{"id":17862},"zerosend-での実装のコツ-開発者向け","Zerosend での実装のコツ (開発者向け)",[26,17865,17867],{"id":17866},"ドメイン層を-ui-から分離する","ドメイン層を UI から分離する",[11,17869,17870,17873,17874,17877],{},[283,17871,17872],{},"domain\u002Fprocessors\u002F"," 配下に",[309,17875,17876],{},"純粋関数","を置き、Vue \u002F DOM API に依存させない設計にしています。テストが書きやすく、将来的に CLI 化・API 化もしやすくなります。",[26,17879,17881],{"id":17880},"web-worker-に重い処理を分離する判断基準","Web Worker に重い処理を分離する判断基準",[11,17883,17884,17885,17888],{},"目安は ",[309,17886,17887],{},"100 ms を超える処理はすべて Worker","。メインスレッドがそれ以上ブロックすると、ユーザー操作への応答 (クリック・スクロール) が目に見えて遅延します。",[26,17890,17892],{"id":17891},"csp-を破らずに-wasm-を読み込む","CSP を破らずに WASM を読み込む",[11,17894,17895,17896,17899,17900,17903],{},"CSP (Content Security Policy) に ",[283,17897,17898],{},"wasm-unsafe-eval"," を追加する必要があります。Zerosend では meta と ",[283,17901,17902],{},"_headers"," の両方に設定し、本番でも正しく動作することを確認しています。",[3535,17905,17910],{"className":17906,"code":17908,"language":17909},[17907],"language-text","Content-Security-Policy: script-src 'self' 'wasm-unsafe-eval'\n","text",[283,17911,17908],{"__ignoreMap":480},[18,17913,17914],{"id":17914},"今後の展望",[26,17916,17918],{"id":17917},"webgpu-opfs-の成熟","WebGPU \u002F OPFS の成熟",[303,17920,17921,17927],{},[306,17922,17923,17926],{},[309,17924,17925],{},"WebGPU",": GPU を直接使える API。機械学習推論や 3D レンダリングで大きく速度改善が見込まれます",[306,17928,17929,17932],{},[309,17930,17931],{},"OPFS (Origin Private File System)",": Origin ごとにブラウザが管理する高速ファイル領域。大容量ファイル処理時の中間ストレージに使えます",[11,17934,17935],{},"これらが広く使える前提になれば、現状「苦手」としている領域の多くがブラウザだけで片付くようになります。",[18,17937,444],{"id":444},[11,17939,17940,17941,17944],{},"ブラウザ内ファイル処理は ",[309,17942,17943],{},"Canvas \u002F Web Worker \u002F WebAssembly \u002F File System Access API"," の組み合わせで、日常的な軽作業のほぼ全域をカバーできます。GB 級や重い ML 推論は依然として苦手ですが、Zerosend が対象とする画像・PDF・音声・短い動画の範囲では実用レベルです。",[11,17946,17947,17948,17952],{},"この設計の結果、",[288,17949,17951],{"href":17950},"\u002F#tools","Zerosend のツール群"," はサーバーに何も送らずに動作し、DevTools で自ら検証できる透明性を持っています。",[11,17954,17955,17956,1232,17960],{},"関連: ",[288,17957,17959],{"href":17958},"\u002Fblog\u002Fwhy-browser-only","なぜ Zerosend はブラウザ内処理にこだわるのか",[288,17961,17963],{"href":17962},"\u002Fguide\u002Fprivacy-online-tools","ピラー記事",{"title":480,"searchDepth":481,"depth":481,"links":17965},[17966,17970,17976,17981,17986,17991,17994],{"id":17714,"depth":481,"text":17715,"children":17967},[17968,17969],{"id":17718,"depth":486,"text":17719},{"id":17733,"depth":486,"text":17733},{"id":17739,"depth":481,"text":17739,"children":17971},[17972,17973,17974,17975],{"id":17742,"depth":486,"text":17743},{"id":17757,"depth":486,"text":17758},{"id":17767,"depth":486,"text":17768},{"id":17780,"depth":486,"text":17781},{"id":17802,"depth":481,"text":17802,"children":17977},[17978,17979,17980],{"id":17805,"depth":486,"text":17806},{"id":17812,"depth":486,"text":17813},{"id":17822,"depth":486,"text":17823},{"id":17829,"depth":481,"text":17830,"children":17982},[17983,17984,17985],{"id":17833,"depth":486,"text":17834},{"id":17844,"depth":486,"text":17845},{"id":17855,"depth":486,"text":17856},{"id":17862,"depth":481,"text":17863,"children":17987},[17988,17989,17990],{"id":17866,"depth":486,"text":17867},{"id":17880,"depth":486,"text":17881},{"id":17891,"depth":486,"text":17892},{"id":17914,"depth":481,"text":17914,"children":17992},[17993],{"id":17917,"depth":486,"text":17918},{"id":444,"depth":481,"text":444},"ブラウザだけで画像・PDF・動画を扱うには、どんな技術を使いどこまでできるのか。Canvas \u002F Web Worker \u002F WebAssembly \u002F File System Access API の採用ポイントと、率直な限界を整理します。",{},"\u002Fblog\u002Fbrowser-only-limits","2026-04-19",{"title":17706,"description":17995},"browser-only-limits","blog\u002Fbrowser-only-limits",[18003,1885,6185],"WebAssembly","DVMRpha441VjgXVwUg-Ky9ljmdcZEo-shW86ze3x7Uo",{"id":18006,"title":18007,"author":6,"body":18008,"category":496,"coverImage":497,"description":18789,"draft":499,"extension":500,"locale":501,"meta":18790,"navigation":503,"noindex":499,"path":18791,"publishedAt":17998,"seo":18792,"slug":18793,"stem":18794,"tags":18795,"updatedAt":11311,"__hash__":18796},"blog\u002Fblog\u002Ffavicon-complete-guide-2026.md","ファビコン 完全ガイド 2026 — サイズ・形式・HTML 設置まで全部入り",{"type":8,"value":18009,"toc":18747},[18010,18016,18020,18026,18046,18050,18053,18057,18061,18083,18090,18097,18100,18114,18118,18121,18128,18200,18204,18211,18214,18223,18227,18230,18236,18391,18395,18401,18405,18410,18540,18547,18555,18559,18563,18566,18570,18573,18576,18586,18590,18596,18600,18603,18635,18638,18641,18645,18648,18652,18661,18667,18673,18676,18679,18718,18722,18729,18731,18738,18744],[11,18011,18012,18013,18015],{},"ファビコン (favicon) は地味なアセットですが、種類・サイズ・形式の選択肢が多く、毎回「結局どれが必要なんだっけ?」となる人も多いはずです。本記事では 2026 年時点で本当に必要なアイコン一式と、HTML への組み込み、Zerosend の ",[288,18014,8053],{"href":8052}," の活用法を整理します。",[18,18017,18019],{"id":18018},"ファビコンとは何か-1-分で復習","ファビコンとは何か (1 分で復習)",[26,18021,18023,18025],{"id":18022},"link-タグで参照される機能の総称",[283,18024,8019],{}," タグで参照される機能の総称",[11,18027,18028,18029,18032,18033,18035,18036,1232,18039,1232,18042,18045],{},"ファビコンはブラウザのタブ表示に使われるアイコン、だけではなく",[309,18030,18031],{},"タブ \u002F ブックマーク \u002F PWA ホーム画面 \u002F 検索結果","など複数の文脈で使われる画像の総称です。",[283,18034,8067],{}," 内の ",[283,18037,18038],{},"\u003Clink rel=\"icon\">",[283,18040,18041],{},"\u003Clink rel=\"apple-touch-icon\">",[283,18043,18044],{},"\u003Clink rel=\"manifest\">"," で参照されるアセット群です。",[26,18047,18049],{"id":18048},"表示場所によって最適なサイズ形式が違う","表示場所によって最適なサイズ・形式が違う",[11,18051,18052],{},"タブ用には 16×16 \u002F 32×32 の小さいアイコンが必要ですが、iPhone のホーム画面には 180×180 の PNG、Android の PWA には 192×192 と 512×512 の PNG が必要です。場所ごとに要件が違います。",[18,18054,18056],{"id":18055},"_2026-年時点で本当に必要なアイコン","2026 年時点で本当に必要なアイコン",[26,18058,18060],{"id":18059},"必須-3-つ","必須 3 つ",[303,18062,18063,18068,18074],{},[306,18064,18065,18067],{},[283,18066,7716],{}," — デスクトップブラウザのタブ \u002F ブックマーク (16\u002F32\u002F48px のマルチサイズ)",[306,18069,18070,18073],{},[283,18071,18072],{},"apple-touch-icon.png"," (180×180) — iOS のホーム画面",[306,18075,18076,1232,18079,18082],{},[283,18077,18078],{},"icon-192.png",[283,18080,18081],{},"icon-512.png"," — Android \u002F PWA 対応",[26,18084,18086,18087],{"id":18085},"推奨-faviconsvg","推奨: ",[283,18088,18089],{},"favicon.svg",[11,18091,18092,18093,18096],{},"モダンブラウザ (Chrome \u002F Firefox \u002F Safari の最新版) は SVG ファビコンに対応済みです。ベクターなのでどのサイズでもシャープに表示されます。ダークモード切替にも対応できるので、2026 年は ",[309,18094,18095],{},"SVG を第一選択","にして ICO をフォールバックにする運用がおすすめです。",[26,18098,18099],{"id":18099},"不要になったもの",[303,18101,18102,18108],{},[306,18103,18104,18107],{},[283,18105,18106],{},"browserconfig.xml"," (Windows 8\u002F10 タイル用) — IE 系と一緒に役目を終えています",[306,18109,18110,18113],{},[283,18111,18112],{},"*.png"," の 70×70 \u002F 150×150 \u002F 310×310 (IE\u002FEdge Legacy 向け)",[18,18115,18117],{"id":18116},"svg-ファビコンのメリットと対応ブラウザ","SVG ファビコンのメリットと対応ブラウザ",[26,18119,18120],{"id":18120},"ダークモード自動切替",[11,18122,18123,18124,18127],{},"SVG 内に ",[283,18125,18126],{},"@media (prefers-color-scheme: dark)"," のスタイルを書くだけで、OS のダークモードに合わせて色を切り替えられます。Chrome \u002F Firefox の最新版は対応済みです。",[3535,18129,18131],{"className":7823,"code":18130,"language":7825,"meta":480,"style":480},"\u003Csvg>\n  \u003Cstyle>\n    @media (prefers-color-scheme: dark) {\n      .logo { fill: #fff; }\n    }\n  \u003C\u002Fstyle>\n  \u003Crect class=\"logo\" \u002F>\n\u003C\u002Fsvg>\n",[283,18132,18133,18142,18150,18155,18160,18165,18174,18192],{"__ignoreMap":480},[3543,18134,18135,18137,18140],{"class":3545,"line":3546},[3543,18136,7855],{"class":7854},[3543,18138,18139],{"class":7858},"svg",[3543,18141,7895],{"class":7854},[3543,18143,18144,18146,18148],{"class":3545,"line":481},[3543,18145,11797],{"class":7854},[3543,18147,3757],{"class":7858},[3543,18149,7895],{"class":7854},[3543,18151,18152],{"class":3545,"line":486},[3543,18153,18154],{"class":7854},"    @media (prefers-color-scheme: dark) {\n",[3543,18156,18157],{"class":3545,"line":7845},[3543,18158,18159],{"class":7854},"      .logo { fill: #fff; }\n",[3543,18161,18162],{"class":3545,"line":7851},[3543,18163,18164],{"class":7854},"    }\n",[3543,18166,18167,18170,18172],{"class":3545,"line":7898},[3543,18168,18169],{"class":7854},"  \u003C\u002F",[3543,18171,3757],{"class":7858},[3543,18173,7895],{"class":7854},[3543,18175,18176,18178,18181,18184,18186,18189],{"class":3545,"line":7928},[3543,18177,11797],{"class":7854},[3543,18179,18180],{"class":7858},"rect",[3543,18182,18183],{"class":3549}," class",[3543,18185,7865],{"class":7854},[3543,18187,18188],{"class":3559},"\"logo\"",[3543,18190,18191],{"class":7854}," \u002F>\n",[3543,18193,18194,18196,18198],{"class":3545,"line":7933},[3543,18195,11847],{"class":7854},[3543,18197,18139],{"class":7858},[3543,18199,7895],{"class":7854},[26,18201,18203],{"id":18202},"アニメーション-限定的","アニメーション (限定的)",[11,18205,18206,18207,18210],{},"SMIL \u002F CSS アニメーションは技術的には可能ですが、ブラウザが",[309,18208,18209],{},"アイドル時には動かさない","等の最適化を入れるケースが多く、過信は禁物です。原則は静止画として設計しましょう。",[26,18212,18213],{"id":18213},"非対応ブラウザへのフォールバック",[11,18215,18216,4215,18219,18222],{},[283,18217,18218],{},"\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\">",[283,18220,18221],{},"\u003Clink rel=\"alternate icon\" type=\"image\u002Fx-icon\">"," を並べておけば、対応ブラウザは SVG、非対応は ICO を使います。",[18,18224,18226],{"id":18225},"sitewebmanifest-と-pwa","site.webmanifest と PWA",[26,18228,18229],{"id":18229},"必須プロパティ",[11,18231,18232,18233,18235],{},"PWA 対応を見据えると ",[283,18234,8004],{}," を用意します。最低限の中身はこうなります。",[3535,18237,18241],{"className":18238,"code":18239,"language":18240,"meta":480,"style":480},"language-json shiki shiki-themes github-light github-dark","{\n  \"name\": \"My Site\",\n  \"short_name\": \"MySite\",\n  \"icons\": [\n    { \"src\": \"\u002Ficon-192.png\", \"sizes\": \"192x192\", \"type\": \"image\u002Fpng\" },\n    { \"src\": \"\u002Ficon-512.png\", \"sizes\": \"512x512\", \"type\": \"image\u002Fpng\" }\n  ],\n  \"theme_color\": \"#0a0a0a\",\n  \"background_color\": \"#ffffff\",\n  \"display\": \"standalone\"\n}\n","json",[283,18242,18243,18248,18261,18273,18281,18316,18347,18352,18364,18376,18386],{"__ignoreMap":480},[3543,18244,18245],{"class":3545,"line":3546},[3543,18246,18247],{"class":7854},"{\n",[3543,18249,18250,18253,18255,18258],{"class":3545,"line":481},[3543,18251,18252],{"class":3552},"  \"name\"",[3543,18254,2412],{"class":7854},[3543,18256,18257],{"class":3559},"\"My Site\"",[3543,18259,18260],{"class":7854},",\n",[3543,18262,18263,18266,18268,18271],{"class":3545,"line":486},[3543,18264,18265],{"class":3552},"  \"short_name\"",[3543,18267,2412],{"class":7854},[3543,18269,18270],{"class":3559},"\"MySite\"",[3543,18272,18260],{"class":7854},[3543,18274,18275,18278],{"class":3545,"line":7845},[3543,18276,18277],{"class":3552},"  \"icons\"",[3543,18279,18280],{"class":7854},": [\n",[3543,18282,18283,18286,18289,18291,18294,18296,18299,18301,18304,18306,18309,18311,18313],{"class":3545,"line":7851},[3543,18284,18285],{"class":7854},"    { ",[3543,18287,18288],{"class":3552},"\"src\"",[3543,18290,2412],{"class":7854},[3543,18292,18293],{"class":3559},"\"\u002Ficon-192.png\"",[3543,18295,7286],{"class":7854},[3543,18297,18298],{"class":3552},"\"sizes\"",[3543,18300,2412],{"class":7854},[3543,18302,18303],{"class":3559},"\"192x192\"",[3543,18305,7286],{"class":7854},[3543,18307,18308],{"class":3552},"\"type\"",[3543,18310,2412],{"class":7854},[3543,18312,7876],{"class":3559},[3543,18314,18315],{"class":7854}," },\n",[3543,18317,18318,18320,18322,18324,18327,18329,18331,18333,18336,18338,18340,18342,18344],{"class":3545,"line":7898},[3543,18319,18285],{"class":7854},[3543,18321,18288],{"class":3552},[3543,18323,2412],{"class":7854},[3543,18325,18326],{"class":3559},"\"\u002Ficon-512.png\"",[3543,18328,7286],{"class":7854},[3543,18330,18298],{"class":3552},[3543,18332,2412],{"class":7854},[3543,18334,18335],{"class":3559},"\"512x512\"",[3543,18337,7286],{"class":7854},[3543,18339,18308],{"class":3552},[3543,18341,2412],{"class":7854},[3543,18343,7876],{"class":3559},[3543,18345,18346],{"class":7854}," }\n",[3543,18348,18349],{"class":3545,"line":7928},[3543,18350,18351],{"class":7854},"  ],\n",[3543,18353,18354,18357,18359,18362],{"class":3545,"line":7933},[3543,18355,18356],{"class":3552},"  \"theme_color\"",[3543,18358,2412],{"class":7854},[3543,18360,18361],{"class":3559},"\"#0a0a0a\"",[3543,18363,18260],{"class":7854},[3543,18365,18366,18369,18371,18374],{"class":3545,"line":7939},[3543,18367,18368],{"class":3552},"  \"background_color\"",[3543,18370,2412],{"class":7854},[3543,18372,18373],{"class":3559},"\"#ffffff\"",[3543,18375,18260],{"class":7854},[3543,18377,18378,18381,18383],{"class":3545,"line":7968},[3543,18379,18380],{"class":3552},"  \"display\"",[3543,18382,2412],{"class":7854},[3543,18384,18385],{"class":3559},"\"standalone\"\n",[3543,18387,18388],{"class":3545,"line":7973},[3543,18389,18390],{"class":7854},"}\n",[26,18392,18394],{"id":18393},"ios-の癖","iOS の癖",[11,18396,18397,18398,18400],{},"iOS は ",[283,18399,18072],{}," を優先するため、webmanifest 側に icon を書いても iOS ホーム画面には適用されません。Android と iOS で別々のファイルを用意する前提で運用しましょう。",[18,18402,18404],{"id":18403},"html-に設置する正しい書き方","HTML に設置する正しい書き方",[11,18406,18407,18409],{},[283,18408,8067],{}," に並べる順序のお手本:",[3535,18411,18413],{"className":7823,"code":18412,"language":7825,"meta":480,"style":480},"\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\">\n\u003Clink rel=\"alternate icon\" type=\"image\u002Fx-icon\" href=\"\u002Ffavicon.ico\">\n\u003Clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\u002Fapple-touch-icon.png\">\n\u003Clink rel=\"manifest\" href=\"\u002Fsite.webmanifest\">\n\u003Cmeta name=\"theme-color\" content=\"#0a0a0a\">\n",[283,18414,18415,18441,18470,18496,18516],{"__ignoreMap":480},[3543,18416,18417,18419,18421,18423,18425,18427,18429,18431,18433,18435,18437,18439],{"class":3545,"line":3546},[3543,18418,7855],{"class":7854},[3543,18420,7859],{"class":7858},[3543,18422,7862],{"class":3549},[3543,18424,7865],{"class":7854},[3543,18426,7868],{"class":3559},[3543,18428,7871],{"class":3549},[3543,18430,7865],{"class":7854},[3543,18432,7956],{"class":3559},[3543,18434,7887],{"class":3549},[3543,18436,7865],{"class":7854},[3543,18438,7963],{"class":3559},[3543,18440,7895],{"class":7854},[3543,18442,18443,18445,18447,18449,18451,18454,18456,18458,18461,18463,18465,18468],{"class":3545,"line":481},[3543,18444,7855],{"class":7854},[3543,18446,7859],{"class":7858},[3543,18448,7862],{"class":3549},[3543,18450,7865],{"class":7854},[3543,18452,18453],{"class":3559},"\"alternate icon\"",[3543,18455,7871],{"class":3549},[3543,18457,7865],{"class":7854},[3543,18459,18460],{"class":3559},"\"image\u002Fx-icon\"",[3543,18462,7887],{"class":3549},[3543,18464,7865],{"class":7854},[3543,18466,18467],{"class":3559},"\"\u002Ffavicon.ico\"",[3543,18469,7895],{"class":7854},[3543,18471,18472,18474,18476,18478,18480,18482,18484,18486,18488,18490,18492,18494],{"class":3545,"line":486},[3543,18473,7855],{"class":7854},[3543,18475,7859],{"class":7858},[3543,18477,7862],{"class":3549},[3543,18479,7865],{"class":7854},[3543,18481,7909],{"class":3559},[3543,18483,7879],{"class":3549},[3543,18485,7865],{"class":7854},[3543,18487,7916],{"class":3559},[3543,18489,7887],{"class":3549},[3543,18491,7865],{"class":7854},[3543,18493,7923],{"class":3559},[3543,18495,7895],{"class":7854},[3543,18497,18498,18500,18502,18504,18506,18508,18510,18512,18514],{"class":3545,"line":7845},[3543,18499,7855],{"class":7854},[3543,18501,7859],{"class":7858},[3543,18503,7862],{"class":3549},[3543,18505,7865],{"class":7854},[3543,18507,7990],{"class":3559},[3543,18509,7887],{"class":3549},[3543,18511,7865],{"class":7854},[3543,18513,7997],{"class":3559},[3543,18515,7895],{"class":7854},[3543,18517,18518,18520,18523,18526,18528,18531,18534,18536,18538],{"class":3545,"line":7851},[3543,18519,7855],{"class":7854},[3543,18521,18522],{"class":7858},"meta",[3543,18524,18525],{"class":3549}," name",[3543,18527,7865],{"class":7854},[3543,18529,18530],{"class":3559},"\"theme-color\"",[3543,18532,18533],{"class":3549}," content",[3543,18535,7865],{"class":7854},[3543,18537,18361],{"class":3559},[3543,18539,7895],{"class":7854},[26,18541,18543,18546],{"id":18542},"sizesany-の罠",[283,18544,18545],{},"sizes=\"any\""," の罠",[11,18548,18549,18551,18552,11224],{},[283,18550,18545],{}," を SVG に付けると、ブラウザが SVG を ICO より優先するようになります。基本的に意図通りですが、古い iOS で誤解される例があったため、2026 年時点では",[309,18553,18554],{},"書かないのが無難",[18,18556,18558],{"id":18557},"ファビコン生成アプローチの-3-類型と向き不向き","ファビコン生成アプローチの 3 類型と向き不向き",[26,18560,18562],{"id":18561},"アップロード型のオンライン-saas","アップロード型のオンライン SaaS",[11,18564,18565],{},"高機能で一発生成。ただしロゴ画像を一度サーバーに送ります。公開済みのロゴなら気にならないケースが多いです。",[26,18567,18569],{"id":18568},"デスクトップ-ローカルアプリ","デスクトップ \u002F ローカルアプリ",[11,18571,18572],{},"ImageMagick \u002F Sketch \u002F Figma 等。CLI や GUI で手元だけで生成できますが、セットアップが必要です。",[26,18574,18575],{"id":18575},"ブラウザ内完結型",[11,18577,18578,18579,18581,18582,18585],{},"Zerosend の ",[288,18580,8053],{"href":8052}," がこの型。",[309,18583,18584],{},"インストール不要 + 手元完結","で、NDA 下の未公開ロゴでも気兼ねなく使えます。",[26,18587,18589],{"id":18588},"nda-下未公開ブランド社内案件での選び方","NDA 下・未公開ブランド・社内案件での選び方",[11,18591,18592,18593,18595],{},"受託案件や新規ブランドの立ち上げでは、ロゴ画像の取り扱いに神経を使います。この場合は",[309,18594,18575],{},"を選ぶか、デスクトップアプリで手元処理するのが安心です。",[18,18597,18599],{"id":18598},"zerosend-でブラウザ内完結で作る手順","Zerosend でブラウザ内完結で作る手順",[11,18601,18602],{},"1 枚の PNG または SVG から、必要なファイル一式 (ICO \u002F PNG 複数サイズ \u002F apple-touch-icon \u002F site.webmanifest \u002F HTML スニペット) を ZIP で一気に生成できます。",[340,18604,18605,18610,18613,18616,18619,18622],{},[306,18606,18607,18609],{},[288,18608,8052],{"href":8052}," にアクセス",[306,18611,18612],{},"ロゴ画像をドラッグ&ドロップ (推奨: 512×512 以上の正方形)",[306,18614,18615],{},"アプリ名 \u002F theme_color \u002F background_color を入力",[306,18617,18618],{},"「ファビコン一式を生成する」",[306,18620,18621],{},"生成されたプレビューを確認し、ZIP をダウンロード",[306,18623,18624,18625,18628,18629,18631,18632,18634],{},"ZIP に同梱の ",[283,18626,18627],{},"snippet.html"," の内容を ",[283,18630,8067],{}," に貼り付け、各ファイルをサイトのルート (",[283,18633,2449],{},") に配置",[11,18636,18637],{},"ブラウザ内完結なので、ロゴ画像が外部に送られることはありません。",[18,18639,18640],{"id":18640},"よくある失敗",[26,18642,18644],{"id":18643},"retina-で滲む","Retina で滲む",[11,18646,18647],{},"タブで綺麗に見せるには 32×32 や 48×48 も用意する必要があります。Zerosend は 16\u002F32\u002F48 のマルチサイズ ICO を自動で作ります。",[26,18649,18651],{"id":18650},"ios-ホーム画面で余白が出る","iOS ホーム画面で余白が出る",[11,18653,18654,18656,18657,18660],{},[283,18655,18072],{}," は",[309,18658,18659],{},"背景透過に対応していません","。透過 PNG を渡すと iOS が黒背景で埋めてしまうので、背景色を明示的に塗った PNG を用意しましょう。",[26,18662,18664,18666],{"id":18663},"faviconico-だけしか指定していない",[283,18665,7716],{}," だけしか指定していない",[11,18668,18669,18670,18672],{},"モダンブラウザで SVG を使うメリットを取りこぼします。少なくとも ",[283,18671,18089],{}," は併用するのが 2026 年の標準です。",[26,18674,18675],{"id":18675},"ブラウザキャッシュが残って古いアイコンが表示される",[11,18677,18678],{},"ブラウザはファビコンを積極的にキャッシュします。差し替え後に古いアイコンのままになる時は次を試します。",[303,18680,18681,18694,18700,18711],{},[306,18682,18683,18686,18687,1232,18690,18693],{},[309,18684,18685],{},"強制リロード"," (",[283,18688,18689],{},"Ctrl+Shift+R",[283,18691,18692],{},"Cmd+Shift+R",") で再取得",[306,18695,18696,18699],{},[309,18697,18698],{},"プライベート \u002F シークレットウィンドウ"," で確認 (キャッシュを噛まない)",[306,18701,18702,18703,18706,18707,18710],{},"本番では ",[283,18704,18705],{},"\u003Clink rel=\"icon\" href=\"\u002Ffavicon.ico?v=2\">"," のように",[309,18708,18709],{},"バージョンクエリ","を付けて即時反映を促す",[306,18712,18713,18714,18717],{},"Chrome は ",[283,18715,18716],{},"chrome:\u002F\u002Ffavicon\u002Fhttps:\u002F\u002Fyour-site.com\u002F"," でブラウザが認識しているファビコンを直接確認できる",[26,18719,18721],{"id":18720},"google-検索結果にファビコンが出ない","Google 検索結果にファビコンが出ない",[11,18723,18724,18725,18728],{},"Google モバイル SERP に表示されるには ",[309,18726,18727],{},"48×48 以上のアイコンがクロール可能","であること、かつ「サイト全体を代表するアイコン」というガイドラインに沿っていることが求められます。Zerosend のファビコン生成ツールは 16\u002F32\u002F48 のマルチサイズ ICO を自動で書き出すため、この要件は満たせます。サブドメインごとに別のファビコンを設定することも可能です。",[18,18730,444],{"id":444},[11,18732,18733,18734,18737],{},"2026 年のファビコン運用は「SVG を第一選択 + ICO \u002F apple-touch-icon \u002F PWA アイコン + webmanifest」の組み合わせで完成します。1 枚の画像から一式を生成するなら、ブラウザ内で完結する ",[288,18735,18736],{"href":8052},"Zerosend のファビコン生成ツール"," が手早くておすすめです。",[11,18739,17955,18740],{},[288,18741,18743],{"href":18742},"\u002Fblog\u002Ffavicon-generator-intro","ファビコン生成ツールの舞台裏",[3757,18745,18746],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":480,"searchDepth":481,"depth":481,"links":18748},[18749,18754,18760,18765,18769,18773,18779,18780,18788],{"id":18018,"depth":481,"text":18019,"children":18750},[18751,18753],{"id":18022,"depth":486,"text":18752},"\u003Clink> タグで参照される機能の総称",{"id":18048,"depth":486,"text":18049},{"id":18055,"depth":481,"text":18056,"children":18755},[18756,18757,18759],{"id":18059,"depth":486,"text":18060},{"id":18085,"depth":486,"text":18758},"推奨: favicon.svg",{"id":18099,"depth":486,"text":18099},{"id":18116,"depth":481,"text":18117,"children":18761},[18762,18763,18764],{"id":18120,"depth":486,"text":18120},{"id":18202,"depth":486,"text":18203},{"id":18213,"depth":486,"text":18213},{"id":18225,"depth":481,"text":18226,"children":18766},[18767,18768],{"id":18229,"depth":486,"text":18229},{"id":18393,"depth":486,"text":18394},{"id":18403,"depth":481,"text":18404,"children":18770},[18771],{"id":18542,"depth":486,"text":18772},"sizes=\"any\" の罠",{"id":18557,"depth":481,"text":18558,"children":18774},[18775,18776,18777,18778],{"id":18561,"depth":486,"text":18562},{"id":18568,"depth":486,"text":18569},{"id":18575,"depth":486,"text":18575},{"id":18588,"depth":486,"text":18589},{"id":18598,"depth":481,"text":18599},{"id":18640,"depth":481,"text":18640,"children":18781},[18782,18783,18784,18786,18787],{"id":18643,"depth":486,"text":18644},{"id":18650,"depth":486,"text":18651},{"id":18663,"depth":486,"text":18785},"favicon.ico だけしか指定していない",{"id":18675,"depth":486,"text":18675},{"id":18720,"depth":486,"text":18721},{"id":444,"depth":481,"text":444},"ファビコンのサイズは結局どれが必要? ICO と SVG の使い分けは? 2026 年時点で本当に必要なアイコンセットと、1 枚の画像からブラウザ内で一式生成できる方法を解説します。",{},"\u002Fblog\u002Ffavicon-complete-guide-2026",{"title":18007,"description":18789},"favicon-complete-guide-2026","blog\u002Ffavicon-complete-guide-2026",[8181,512,8143],"rGRV7aRcqetLpG7f7z1cHwfvIdswbm-q-bojGTxqaWs",{"id":18798,"title":18799,"author":6,"body":18800,"category":497,"coverImage":497,"description":19005,"draft":499,"extension":500,"locale":501,"meta":19006,"navigation":503,"noindex":503,"path":18742,"publishedAt":17998,"seo":19007,"slug":19008,"stem":19009,"tags":19010,"updatedAt":17998,"__hash__":19011},"blog\u002Fblog\u002Ffavicon-generator-intro.md","ブラウザだけで作るファビコン一式 — \u002Ftools\u002Ffavicon-generator の舞台裏",{"type":8,"value":18801,"toc":18994},[18802,18805,18808,18811,18814,18819,18822,18825,18867,18870,18905,18909,18916,18919,18939,18946,18948,18960,18966,18969,18972,18974,18986,18988],[18,18803,18804],{"id":18804},"ファビコンが必要な理由",[11,18806,18807],{},"ファビコンは、ブラウザのタブやブックマーク一覧でサイトを識別する小さなアイコンです。スマートフォンのホーム画面に「追加」したときに表示されるアイコン (apple-touch-icon \u002F PWA アイコン) も、ファビコン一式の一部です。「ファビコンがない」「サイズが揃っていない」といった状態は、ユーザーの信頼感を下げ、PWA 対応の妨げにもなります。",[18,18809,18810],{"id":18810},"背景",[11,18812,18813],{},"サイトのファビコンを更新する作業は、新規サイトでも既存サイトのリブランディングでも発生します。ロゴ画像 1 枚から必要なアイコンセットを揃えるのは地味に手間のかかる工程です。",[11,18815,18816,18818],{},[288,18817,18736],{"href":8052}," は、この工程をブラウザ内で完結させます。ロゴ画像を外部に送らずに一式を作成できるので、NDA 下の受託案件や未公開のブランディング作業でも安心して使えます。",[18,18820,18821],{"id":18821},"何が出力されるか",[11,18823,18824],{},"1 枚の画像 (PNG \u002F JPG \u002F WebP \u002F SVG) から次の 9 ファイルを生成し、ZIP で配布します。",[303,18826,18827,18832,18843,18848,18855,18859],{},[306,18828,18829,18831],{},[283,18830,7716],{}," — 16 \u002F 32 \u002F 48px のマルチサイズ ICO",[306,18833,18834,1232,18837,1232,18840],{},[283,18835,18836],{},"favicon-16.png",[283,18838,18839],{},"favicon-32.png",[283,18841,18842],{},"favicon-48.png",[306,18844,18845,18847],{},[283,18846,18072],{}," (180×180)",[306,18849,18850,1232,18852,18854],{},[283,18851,18078],{},[283,18853,18081],{}," (PWA)",[306,18856,18857],{},[283,18858,8004],{},[306,18860,18861,18863,18864,18866],{},[283,18862,18627],{}," — ",[283,18865,8067],{}," に貼り付ける link タグ",[18,18868,18869],{"id":18869},"使い方ステップ",[340,18871,18872,18878,18888,18894],{},[306,18873,18874,18877],{},[309,18875,18876],{},"画像を準備する"," — 正方形の PNG \u002F JPG \u002F WebP \u002F SVG を用意。最低でも 512×512px 推奨",[306,18879,18880,18863,18883,18887],{},[309,18881,18882],{},"ドロップする",[288,18884,18885],{"href":8052},[283,18886,8052],{}," を開いてドラッグ&ドロップ",[306,18889,18890,18893],{},[309,18891,18892],{},"ZIP をダウンロードする"," — ボタンを押すと 9 ファイルが入った ZIP が生成される",[306,18895,18896,18863,18899,18901,18902,18904],{},[309,18897,18898],{},"HTML に貼り付ける",[283,18900,18627],{}," の内容をサイトの ",[283,18903,8067],{}," にコピーして完了",[18,18906,18908],{"id":18907},"ico-を自前で書き出す","ICO を自前で書き出す",[11,18910,18911,18912,18915],{},"PNG は Canvas API で簡単に書き出せますが、ICO は少し工夫が必要です。とはいえ、Windows Vista 以降の ICO は ",[309,18913,18914],{},"PNG バイト列をそのまま埋め込める"," ため、意外と単純です。",[11,18917,18918],{},"構造:",[303,18920,18921,18927,18933],{},[306,18922,18923,18926],{},[309,18924,18925],{},"ICONDIR"," (6 バイト): reserved \u002F type \u002F image count",[306,18928,18929,18932],{},[309,18930,18931],{},"ICONDIRENTRY"," (16 バイト × 画像数): 幅 \u002F 高さ \u002F bpp \u002F サイズ \u002F オフセット",[306,18934,18935,18938],{},[309,18936,18937],{},"画像データ",": PNG のバイト列を順に連結",[11,18940,18941,18942,18945],{},"依存ゼロで 30 行程度に収まります。",[283,18943,18944],{},"domain\u002Fprocessors\u002FfaviconGenerator.ts"," で実装を公開しています。",[18,18947,410],{"id":410},[11,18949,18950,18953,18954,18956,18957,18959],{},[309,18951,18952],{},"Q. どのサイズが必要ですか？","\nA. 最低限は ",[283,18955,7716],{}," (16\u002F32px) と ",[283,18958,18072],{}," (180px) です。PWA 対応するなら 192px と 512px も必要です。本ツールはこれらをすべて一括生成します。",[11,18961,18962,18965],{},[309,18963,18964],{},"Q. SVG のロゴから生成できますか？","\nA. はい。SVG を入力するとブラウザ側で各サイズにラスタライズしてから ICO \u002F PNG を生成します。",[18,18967,18968],{"id":18968},"検証の楽しさ",[11,18970,18971],{},"作ったあとは DevTools の Network タブで確認できます。画像選択 → 生成 → ダウンロードの全てで、あなたのロゴが外に出ないことを自分で検証できます。",[18,18973,13643],{"id":13643},[303,18975,18976,18981],{},[306,18977,18978,18980],{},[288,18979,11596],{"href":437}," — 入力画像が大きすぎる場合、事前に軽量化",[306,18982,18983,18985],{},[288,18984,14123],{"href":383}," — 正方形にトリミングしてからファビコン生成すると精度が上がる",[18,18987,444],{"id":444},[11,18989,18990,18991,6316],{},"1 枚の画像から ICO \u002F PNG \u002F apple-touch-icon \u002F manifest \u002F HTML スニペットを、あなたの端末だけで生成できます。",[288,18992,18993],{"href":8052},"試してみてください",{"title":480,"searchDepth":481,"depth":481,"links":18995},[18996,18997,18998,18999,19000,19001,19002,19003,19004],{"id":18804,"depth":481,"text":18804},{"id":18810,"depth":481,"text":18810},{"id":18821,"depth":481,"text":18821},{"id":18869,"depth":481,"text":18869},{"id":18907,"depth":481,"text":18908},{"id":410,"depth":481,"text":410},{"id":18968,"depth":481,"text":18968},{"id":13643,"depth":481,"text":13643},{"id":444,"depth":481,"text":444},"1 枚の画像から ICO \u002F PNG \u002F apple-touch-icon \u002F site.webmanifest を生成するファビコン生成ツールを公開しました。ICO フォーマットを自前で書き出す実装のポイントを紹介します。",{},{"title":18799,"description":19005},"favicon-generator-intro","blog\u002Ffavicon-generator-intro",[767,6185],"PwA1cCB1rqTh-H5ofDX9xQc_YXj3c52dsMB3F9lj1XQ",{"id":19013,"title":19014,"author":6,"body":19015,"category":496,"coverImage":497,"description":19677,"draft":499,"extension":500,"locale":501,"meta":19678,"navigation":503,"noindex":499,"path":19679,"publishedAt":17998,"seo":19680,"slug":19681,"stem":19682,"tags":19683,"updatedAt":12228,"__hash__":19684},"blog\u002Fblog\u002Fheic-to-jpg-windows.md","Windows で HEIC を JPG に変換する方法3選——拡張機能・ブラウザ変換・iPhone設定を徹底比較",{"type":8,"value":19016,"toc":19642},[19017,19024,19027,19029,19033,19037,19050,19053,19057,19060,19062,19066,19069,19073,19109,19112,19132,19134,19138,19141,19143,19257,19260,19264,19279,19283,19291,19302,19307,19324,19331,19333,19337,19340,19344,19355,19361,19364,19421,19424,19426,19430,19433,19513,19516,19518,19522,19525,19528,19532,19539,19547,19558,19560,19567,19569,19571,19575,19578,19582,19585,19589,19592,19596,19599,19603,19606,19608,19610,19613,19636,19639],[11,19018,19019,19020,19023],{},"iPhone で撮った写真を Windows PC に移したとき、「このファイルを開けません」というダイアログが出て止まった経験は珍しくない。原因は ",[283,19021,19022],{},".HEIC"," という拡張子——Apple が iPhone 7 以降の標準フォーマットとして採用した高圧縮画像形式だ。Windows はデフォルトでこの形式のコーデックを持っていないため、そのままでは開けない。",[11,19025,19026],{},"この記事では、問題を解決する3つのアプローチを手順ごとに解説し、それぞれの速度・画質・プライバシー・コストを比較する。「今すぐ1枚開きたい」「100枚まとめてJPGに変換したい」「そもそも今後はJPGで撮りたい」——目的によって最適な手段が異なる。",[15,19028],{},[18,19030,19032],{"id":19031},"heic-とは何かwindows-が標準対応しない理由","HEIC とは何か——Windows が標準対応しない理由",[26,19034,19036],{"id":19035},"apple-が採用した高効率フォーマットの仕組み","Apple が採用した高効率フォーマットの仕組み",[11,19038,19039,19040,19045,19046,19049],{},"HEIC（High Efficiency Image Container）は、",[288,19041,19044],{"href":19042,"rel":19043},"https:\u002F\u002Fwww.mpeg.org\u002Fstandards\u002FMPEG-H\u002F12\u002F",[292],"MPEG グループが策定した HEIF 規格","をベースにした画像コンテナフォーマットだ。内部的には H.265（HEVC）コーデックを使い、JPG と同等の画質を",[309,19047,19048],{},"約半分のファイルサイズ","で保存できる。iPhone のストレージ容量を節約するために、iOS 11 \u002F iPhone 7 以降でデフォルト設定に採用されている。",[11,19051,19052],{},"技術的な特徴として、1ファイルに複数フレームを収める「バースト撮影」や深度マップ、HDR 情報も格納できる点がある。JPG にはない表現力を持つ一方で、普及率はまだ限定的だ。",[26,19054,19056],{"id":19055},"windows-が標準対応しない背景","Windows が標準対応しない背景",[11,19058,19059],{},"HEVC（H.265）のコーデックは特許ライセンス料が発生する。そのため Microsoft は Windows に HEVC デコーダーを標準バンドルしておらず、ユーザーは別途インストールが必要になる。macOS や iOS は Apple がライセンス取得済みのため標準対応しているが、Windows では「フォト」アプリを含むほとんどのビューアーが、追加拡張機能なしには HEIC を表示できない。",[15,19061],{},[18,19063,19065],{"id":19064},"方法1microsoft-store-の-heif-hevc-拡張機能をインストールする","方法1：Microsoft Store の HEIF \u002F HEVC 拡張機能をインストールする",[11,19067,19068],{},"Windows のネイティブ機能として HEIC を扱えるようにする方法。インストール後は「フォト」アプリや Windows エクスプローラーのサムネイルが有効になる。",[26,19070,19072],{"id":19071},"インストール手順windows-10-11-共通","インストール手順（Windows 10 \u002F 11 共通）",[340,19074,19075,19081,19088,19106],{},[306,19076,19077,19078,13513],{},"スタートメニューから ",[309,19079,19080],{},"Microsoft Store",[306,19082,19083,19084,19087],{},"検索欄に「HEIF 画像拡張機能」と入力し、",[309,19085,19086],{},"Microsoft Corporation"," 製のものをインストール（無料）",[306,19089,19090,19091],{},"同様に「HEVC ビデオ拡張機能」を検索してインストールする\n",[303,19092,19093,19099],{},[306,19094,19095,19096,19098],{},"公式の「HEVC ビデオ拡張機能（デバイス製造元から）」は ",[309,19097,2628],{},"だが、検索結果に表示されないことがある。URLを直接開く方法が確実",[306,19100,19101,19102,19105],{},"「HEVC ビデオ拡張機能」（製造元なし）は ",[309,19103,19104],{},"約120円","の有料版が表示される場合がある",[306,19107,19108],{},"再起動不要。インストール後すぐにHEICファイルをダブルクリックで開ける",[26,19110,19111],{"id":19111},"この方法の限界",[303,19113,19114,19120,19126],{},[306,19115,19116,19119],{},[309,19117,19118],{},"変換は行わない","：あくまで「開く」だけで、JPGとして保存・送信するには別途操作が必要",[306,19121,19122,19125],{},[309,19123,19124],{},"サードパーティソフトには効かない","：Adobe Photoshop Elements の古いバージョンやサードパーティの画像編集ソフトは、Windows の拡張機能に依存しないため、別途プラグインが必要な場合がある",[306,19127,19128,19131],{},[309,19129,19130],{},"Store のポリシー変更","：過去に有料化・無料化を繰り返した経緯があり、現時点での料金は必ず Store 画面で確認すること",[15,19133],{},[18,19135,19137],{"id":19136},"方法2ブラウザ内変換ツールで-heic-jpg-に変換する","方法2：ブラウザ内変換ツールで HEIC → JPG に変換する",[11,19139,19140],{},"「変換してJPGとして保存・送付したい」なら、オンラインツールまたはブラウザ内ツールを使う。ここではプライバシーと利便性の両面から検討する。",[26,19142,2580],{"id":2580},[31,19144,19145,19161],{},[34,19146,19147],{},[37,19148,19149,19151,19153,19155,19157,19159],{},[40,19150,767],{},[40,19152,2598],{},[40,19154,1031],{},[40,19156,1034],{},[40,19158,1040],{},[40,19160,10998],{},[53,19162,19163,19192,19208,19224,19240],{},[37,19164,19165,19169,19173,19178,19182,19187],{},[58,19166,19167],{},[309,19168,11900],{},[58,19170,19171],{},[309,19172,15373],{},[58,19174,19175],{},[309,19176,19177],{},"ブラウザ内 WASM",[58,19179,19180],{},[309,19181,1087],{},[58,19183,19184],{},[309,19185,19186],{},"○（Service Worker）",[58,19188,19189],{},[309,19190,19191],{},"○（ZIP出力）",[37,19193,19194,19196,19198,19201,19203,19205],{},[58,19195,1974],{},[58,19197,11009],{},[58,19199,19200],{},"サーバー側",[58,19202,1987],{},[58,19204,9574],{},[58,19206,19207],{},"△（Pro のみ）",[37,19209,19210,19212,19215,19217,19220,19222],{},[58,19211,1992],{},[58,19213,19214],{},"あり（スペインサーバー）",[58,19216,19200],{},[58,19218,19219],{},"1日制限あり",[58,19221,9574],{},[58,19223,1977],{},[37,19225,19226,19229,19231,19233,19236,19238],{},[58,19227,19228],{},"HEICtoJPEG.com",[58,19230,1984],{},[58,19232,19200],{},[58,19234,19235],{},"無料（広告）",[58,19237,9574],{},[58,19239,1977],{},[37,19241,19242,19245,19248,19250,19253,19255],{},[58,19243,19244],{},"TinyPNG（変換機能）",[58,19246,19247],{},"あり（AWS）",[58,19249,19200],{},[58,19251,19252],{},"20枚\u002F回",[58,19254,9574],{},[58,19256,2649],{},[11,19258,19259],{},"サーバー送信があるツールは、ファイルが一時的に外部ストレージに保存されるリスクを伴う。利用規約上は削除されると記載されていても、転送経路での傍受リスクはゼロにはならない。家族写真や顔が写り込んだ業務資料を変換する場合、この違いは無視できない。",[26,19261,19263],{"id":19262},"zerosend-を使った手順","zerosend を使った手順",[340,19265,19266,19271,19274,19276],{},[306,19267,19268,2416],{},[288,19269,19270],{"href":8736},"zerosend HEIC → JPG 変換",[306,19272,19273],{},"HEICファイルをドラッグ&ドロップ、または「ファイルを選択」でフォルダから選ぶ（複数選択可）",[306,19275,11089],{},[306,19277,19278],{},"変換完了後、1枚なら直接JPGをダウンロード、複数枚なら ZIPファイルでまとめてダウンロード",[26,19280,19282],{"id":19281},"技術的な仕組みなぜサーバーに送らずに変換できるのか","技術的な仕組み——なぜサーバーに送らずに変換できるのか",[11,19284,19285,19286,19290],{},"zerosend は ",[288,19287,14013],{"href":19288,"rel":19289},"https:\u002F\u002Fgithub.com\u002Falexcorvi\u002Fheic2any",[292],"（libheif の WebAssembly ビルド）を使用している。libheif はオープンソースの HEIF\u002FHEIC デコードライブラリで、それを WASM にコンパイルすることでブラウザのサンドボックス内で直接実行できる。変換処理は Web Worker 上で走るため、UIスレッドをブロックせず、大量ファイル処理中もブラウザが固まらない。",[3831,19292,19293],{},[11,19294,19295,19296,19301],{},"WebAssembly の実行モデルについては ",[288,19297,19300],{"href":19298,"rel":19299},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWebAssembly\u002FConcepts",[292],"MDN Web Docs — WebAssembly の概念"," に詳しい説明がある。",[11,19303,19304],{},[309,19305,19306],{},"通信ゼロを自分で確認する方法：",[340,19308,19309,19315,19318,19321],{},[306,19310,19311,19312,19314],{},"Chrome \u002F Edge で ",[283,19313,12047],{}," を押して DevTools を開く",[306,19316,19317],{},"「Network」タブを選択し、「すべてクリア」ボタンを押す",[306,19319,19320],{},"zerosend の変換ツールにファイルをドロップして変換を実行する",[306,19322,19323],{},"Network タブを確認——HEICファイルのアップロード通信は一切記録されない",[11,19325,19326,19327,19330],{},"変換後にキャッシュが Service Worker に保存されるため、次回以降は",[309,19328,19329],{},"オフライン（機内モード）でも動作する","。Wi-Fiがない環境での作業や、セキュリティ上インターネット接続を切りたい場面でも利用できる。",[15,19332],{},[18,19334,19336],{"id":19335},"方法3iphone-側で互換性優先に設定変更する","方法3：iPhone 側で「互換性優先」に設定変更する",[11,19338,19339],{},"根本的な解決策として、そもそも HEIC で撮影しないよう iPhone の設定を変える方法がある。",[26,19341,19343],{"id":19342},"設定手順ios","設定手順（iOS）",[340,19345,19346,19349,19352],{},[306,19347,19348],{},"「設定」アプリを開く",[306,19350,19351],{},"「カメラ」→「フォーマット」を選択",[306,19353,19354],{},"「高効率」から**「互換性優先」**に変更",[11,19356,19357,19358,19360],{},"以降に撮影した写真は ",[283,19359,14039],{}," として保存される。Airdrop や USB転送したときに Windows で即座に開ける。",[26,19362,19363],{"id":19363},"トレードオフ",[31,19365,19366,19378],{},[34,19367,19368],{},[37,19369,19370,19372,19375],{},[40,19371,2304],{},[40,19373,19374],{},"高効率（HEIC）",[40,19376,19377],{},"互換性優先（JPG）",[53,19379,19380,19390,19401,19412],{},[37,19381,19382,19384,19387],{},[58,19383,5892],{},[58,19385,19386],{},"小さい（基準）",[58,19388,19389],{},"1.5〜2倍",[37,19391,19392,19395,19398],{},[58,19393,19394],{},"Windows 互換性",[58,19396,19397],{},"要対応",[58,19399,19400],{},"即座に開ける",[37,19402,19403,19406,19409],{},[58,19404,19405],{},"画質",[58,19407,19408],{},"同等〜やや良好",[58,19410,19411],{},"同等",[37,19413,19414,19417,19419],{},[58,19415,19416],{},"変換作業",[58,19418,2619],{},[58,19420,1495],{},[11,19422,19423],{},"iPhone ストレージが64GB以下、または写真を大量に撮るユーザーにとっては、JPG に切り替えると容量不足が顕在化しやすい。ストレージに余裕があり、「Windows との互換性を毎回気にしたくない」場合に有効な設定だ。",[15,19425],{},[18,19427,19429],{"id":19428},"用途別どの方法を選ぶべきか","用途別・どの方法を選ぶべきか",[26,19431,19432],{"id":19432},"シーン別おすすめ早見表",[31,19434,19435,19448],{},[34,19436,19437],{},[37,19438,19439,19442,19445],{},[40,19440,19441],{},"シーン",[40,19443,19444],{},"おすすめ",[40,19446,19447],{},"理由",[53,19449,19450,19461,19472,19482,19493,19503],{},[37,19451,19452,19455,19458],{},[58,19453,19454],{},"1〜2枚を今すぐ開きたいだけ",[58,19456,19457],{},"方法1（拡張機能）",[58,19459,19460],{},"インストール後は変換不要、一番手間が少ない",[37,19462,19463,19466,19469],{},[58,19464,19465],{},"10枚以上をまとめてJPG化したい",[58,19467,19468],{},"方法2（zerosend）",[58,19470,19471],{},"一括処理・ZIP出力に対応",[37,19473,19474,19477,19479],{},[58,19475,19476],{},"プライバシーが気になる写真を変換",[58,19478,19468],{},[58,19480,19481],{},"ファイルが外部に出ない",[37,19483,19484,19487,19490],{},[58,19485,19486],{},"今後撮る写真を全てJPGにしたい",[58,19488,19489],{},"方法3（iPhone設定）",[58,19491,19492],{},"根本解決、変換作業が不要になる",[37,19494,19495,19498,19500],{},[58,19496,19497],{},"業務で取引先にJPGで納品する",[58,19499,19468],{},[58,19501,19502],{},"確実にJPG化、EXIF削除も可能",[37,19504,19505,19508,19510],{},[58,19506,19507],{},"オフライン環境で作業したい",[58,19509,19468],{},[58,19511,19512],{},"Service Worker キャッシュで動作",[11,19514,19515],{},"方法2と方法3を組み合わせる運用も実用的だ。「過去に撮った大量のHEICはzerorendで一括変換、今後の撮影はJPG設定に変更」という流れで、過去・未来の両方を一度に片付けられる。",[15,19517],{},[18,19519,19521],{"id":19520},"画質exifファイルサイズに関する技術的な補足","画質・EXIF・ファイルサイズに関する技術的な補足",[26,19523,19524],{"id":19524},"画質の劣化はどの程度か",[11,19526,19527],{},"HEIC → JPG の変換は、2段階の非可逆圧縮を経ることになる。完全に劣化ゼロとはならないが、変換品質を適切に設定すれば肉眼での判別は困難なレベルに抑えられる。zerosend は変換品質 92% を採用しており、写真印刷やSNS掲載用途で品質上の問題が生じることはほぼない。ピクセルレベルの精度が求められるプロフェッショナル用途（印刷物の色校正など）では、方法1で元ファイルをそのまま保持することを検討する。",[26,19529,19531],{"id":19530},"exif-データ撮影日時位置情報の扱い","EXIF データ（撮影日時・位置情報）の扱い",[11,19533,19534,19535,19538],{},"iPhone の HEIC ファイルには EXIF メタデータとして撮影日時、GPS座標、カメラモデル名などが含まれている。zerosend は変換時に",[309,19536,19537],{},"EXIF を自動削除","する。これはプライバシー保護の観点から意図的な仕様だ。",[303,19540,19541,19544],{},[306,19542,19543],{},"撮影日時やカメラ情報を残したい場合：方法1の拡張機能で開き、「フォト」アプリから「名前を付けて保存」→JPGを選択する方法が確実",[306,19545,19546],{},"位置情報を含むまま渡したくない場合：zerosend の自動削除が有効に働く",[3831,19548,19549],{},[11,19550,19551,19552,19557],{},"EXIF \u002F IPTC の仕様については ",[288,19553,19556],{"href":19554,"rel":19555},"https:\u002F\u002Fwww.exif.org\u002FExif2-2.PDF",[292],"Exif.org の公式ドキュメント"," を参照。",[26,19559,14094],{"id":14094},[11,19561,19562,19563,19566],{},"HEIC → JPG（品質92%）の変換では、一般的にファイルサイズが",[309,19564,19565],{},"1.3〜1.8倍程度","に増える。これはJPGの圧縮効率がHEICより低いためで、避けられない。特に大量の写真を変換してクラウドストレージに保存する場合は、容量への影響を事前に試算しておくと良い。",[15,19568],{},[18,19570,410],{"id":410},[26,19572,19574],{"id":19573},"q1-heic-のまま-windows-のフォトアプリで開く方法はないか","Q1. HEIC のまま Windows の「フォト」アプリで開く方法はないか",[11,19576,19577],{},"Microsoft Store で「HEIF 画像拡張機能」をインストールすれば、フォトアプリで直接開ける（方法1）。変換不要でファイルはそのまま維持できる。ただし他のソフトで編集したい場合は、別途変換が必要になることが多い。",[26,19579,19581],{"id":19580},"q2-複数フォルダにまたがる大量の-heic-を一括変換できるか","Q2. 複数フォルダにまたがる大量の HEIC を一括変換できるか",[11,19583,19584],{},"zerosend はブラウザ上でのドラッグ&ドロップ操作のため、フォルダをまたいだファイルを一度にまとめて選択して変換できる。100枚単位の処理も問題ないが、処理速度はPCのスペック（特にRAM）に依存する。1,000枚単位の大量変換は、ブラウザのメモリ上限に当たる場合があるため、数百枚ごとに分割することを推奨する。",[26,19586,19588],{"id":19587},"q3-android-スマートフォンでも-heic-は発生するか","Q3. Android スマートフォンでも HEIC は発生するか",[11,19590,19591],{},"Apple製品以外でも、一部のAndroidカメラアプリがHEIC撮影に対応しはじめている。ただし現時点では圧倒的にiPhone由来のHEICが多い。Android同士のやり取りでは問題になりにくいが、AndroidからWindowsへの転送時にも同様の問題が起きうる。解決手段は同じ。",[26,19593,19595],{"id":19594},"q4-変換後のjpgをそのままメールやlineで送れるか","Q4. 変換後のJPGをそのままメールやLINEで送れるか",[11,19597,19598],{},"変換後にダウンロードしたJPGファイルは通常のJPGと完全に同じ扱いで使える。メール添付・LINEのファイル送信・Googleフォトへのアップロードなど、JPGが使えるあらゆる場面で問題なく利用できる。",[26,19600,19602],{"id":19601},"q5-zerosend-以外のブラウザ内変換ツールはないか","Q5. zerosend 以外のブラウザ内変換ツールはないか",[11,19604,19605],{},"ブラウザ内完結型（サーバー送信なし）の HEIC変換ツールは現時点では少ない。多くの「無料オンライン変換ツール」はUIこそブラウザだが処理はサーバーサイドで行われる。利用前にプライバシーポリシーとDevToolsのNetworkタブで確認することを推奨する。",[15,19607],{},[18,19609,444],{"id":444},[11,19611,19612],{},"Windows で HEIC を扱う問題は、目的に応じた3つのアプローチで解決できる。",[303,19614,19615,19621,19630],{},[306,19616,19617,19620],{},[309,19618,19619],{},"今すぐ開きたい・インストール許容","：Microsoft Store の HEIF\u002FHEVC 拡張機能",[306,19622,19623,8088,19626,19629],{},[309,19624,19625],{},"JPGに変換して使いたい・プライバシー重視",[288,19627,19628],{"href":8736},"zerosend の HEIC → JPG 変換","（ブラウザ内処理、サーバー送信ゼロ）",[306,19631,19632,19635],{},[309,19633,19634],{},"今後の手間をなくしたい","：iPhone のカメラ設定を「互換性優先」に変更",[11,19637,19638],{},"家族写真や個人の顔が写り込んだ写真をサーバーに送信する変換サービスを使うことへの違和感は合理的だ。zerosend は heic2any（libheif の WASM ビルド）をブラウザ内で実行することで、ファイルを一切外部に送らずに変換する。初回読み込み後は Service Worker によりオフラインでも動作するため、ネットワーク環境を問わず使える。",[11,19640,19641],{},"具体的な作業が発生したタイミングで、この記事の該当セクションに戻ってくれば手順どおりに進められるはずだ。",{"title":480,"searchDepth":481,"depth":481,"links":19643},[19644,19648,19652,19657,19661,19664,19669,19676],{"id":19031,"depth":481,"text":19032,"children":19645},[19646,19647],{"id":19035,"depth":486,"text":19036},{"id":19055,"depth":486,"text":19056},{"id":19064,"depth":481,"text":19065,"children":19649},[19650,19651],{"id":19071,"depth":486,"text":19072},{"id":19111,"depth":486,"text":19111},{"id":19136,"depth":481,"text":19137,"children":19653},[19654,19655,19656],{"id":2580,"depth":486,"text":2580},{"id":19262,"depth":486,"text":19263},{"id":19281,"depth":486,"text":19282},{"id":19335,"depth":481,"text":19336,"children":19658},[19659,19660],{"id":19342,"depth":486,"text":19343},{"id":19363,"depth":486,"text":19363},{"id":19428,"depth":481,"text":19429,"children":19662},[19663],{"id":19432,"depth":486,"text":19432},{"id":19520,"depth":481,"text":19521,"children":19665},[19666,19667,19668],{"id":19524,"depth":486,"text":19524},{"id":19530,"depth":486,"text":19531},{"id":14094,"depth":486,"text":14094},{"id":410,"depth":481,"text":410,"children":19670},[19671,19672,19673,19674,19675],{"id":19573,"depth":486,"text":19574},{"id":19580,"depth":486,"text":19581},{"id":19587,"depth":486,"text":19588},{"id":19594,"depth":486,"text":19595},{"id":19601,"depth":486,"text":19602},{"id":444,"depth":481,"text":444},"HEIC が Windows で開けない原因と、Microsoft Store 拡張機能・ブラウザ内変換・iPhone 設定変更の3手順を図解。プライバシー・速度・画質を軸に用途別おすすめを解説。",{},"\u002Fblog\u002Fheic-to-jpg-windows",{"title":19014,"description":19677},"heic-to-jpg-windows","blog\u002Fheic-to-jpg-windows",[8513,510,11117],"Jlt04GaADo2b5I9NH0fDIKetyQIwBZTuUR3CLn6WdKk",{"id":19686,"title":19687,"author":6,"body":19688,"category":496,"coverImage":497,"description":20440,"draft":499,"extension":500,"locale":501,"meta":20441,"navigation":503,"noindex":499,"path":20442,"publishedAt":17998,"seo":20443,"slug":20444,"stem":20445,"tags":20446,"updatedAt":12228,"__hash__":20447},"blog\u002Fblog\u002Fimage-compress-guide.md","画像圧縮で画質を保つ完全ガイド2026 — 品質85%の黄金点からブラウザ完結処理まで",{"type":8,"value":19689,"toc":20399},[19690,19699,19702,19704,19708,19712,19721,19724,19728,19731,19735,19738,19740,19744,19748,19812,19815,19819,19826,19829,19837,19840,19846,19852,19854,19857,19861,19868,19871,19974,19977,19981,19984,19990,19997,20001,20008,20012,20019,20023,20026,20028,20031,20034,20037,20172,20175,20178,20185,20208,20215,20217,20221,20232,20234,20258,20260,20263,20265,20267,20271,20279,20282,20289,20293,20300,20303,20306,20308,20310,20314,20320,20324,20327,20331,20334,20338,20341,20345,20354,20356,20358,20361,20392],[11,19691,19692,19693,19698],{},"Web ページが重くなる原因の第1位は画像である。Google の ",[288,19694,19697],{"href":19695,"rel":19696},"https:\u002F\u002Falmanac.httparchive.org\u002Fja\u002F2023\u002Fpage-weight",[292],"Web Almanac 2023"," によれば、ページあたりの転送量の中央値の約 50% を画像が占める。表示速度の改善もプライバシーの確保も、圧縮の基礎を正しく理解するところから始まる。",[11,19700,19701],{},"本記事では「どの設定で圧縮するか」「どのフォーマットを選ぶか」「どのツールが安全か」の3点を実証的に整理する。ツール選定は後半で行い、前半は仕組みの解説に徹する。",[15,19703],{},[18,19705,19707],{"id":19706},"なぜ画像圧縮が収益seouxに直結するのか","なぜ画像圧縮が収益・SEO・UXに直結するのか",[26,19709,19711],{"id":19710},"core-web-vitals-と-lcp-の関係","Core Web Vitals と LCP の関係",[11,19713,19714,19715,19718,19719,2247],{},"Google の検索品質アルゴリズムは ",[288,19716,1590],{"href":12961,"rel":19717},[292]," を正式な順位シグナルとして使用している。LCP（Largest Contentful Paint）は「画面内で最大のコンテンツが表示されるまでの時間」を計測し、推奨値は ",[309,19720,5554],{},[11,19722,19723],{},"遅延の最大要因は未圧縮の画像である。4K スマホカメラで撮影した JPEG はそのままだと 6〜12 MB になる。モバイル回線（下り実効 10 Mbps 程度）では1枚で転送に 5〜12 秒かかる計算だ。圧縮して 200 KB に抑えると、同じ回線で 0.16 秒に短縮できる。",[26,19725,19727],{"id":19726},"ストレージcdn-コストの累積","ストレージ・CDN コストの累積",[11,19729,19730],{},"画像 1 枚を節約する効果は小さく見えるが、PV が積み上がると転送コストに直接影響する。月 100 万 PV のサイトで 1 枚あたり 1 MB を 200 KB に削減した場合、月間転送量を 800 GB 節約できる計算になる。",[26,19732,19734],{"id":19733},"プライバシーリスクexif-メタデータ","プライバシーリスク：EXIF メタデータ",[11,19736,19737],{},"スマートフォンで撮影した写真には EXIF データが埋め込まれており、撮影日時・GPS 座標・端末機種などが記録されている。企業の社内資料や個人の写真をそのまま Web にアップすると、位置情報が意図せず公開されるリスクがある。圧縮処理の際に EXIF を除去することは、容量削減と同時にプライバシー保護にもなる。",[15,19739],{},[18,19741,19743],{"id":19742},"画像フォーマットの選び方jpgpngwebpavif","画像フォーマットの選び方：JPG・PNG・WebP・AVIF",[26,19745,19747],{"id":19746},"jpg-と-png-の使い分け原則","JPG と PNG の使い分け原則",[31,19749,19750,19764],{},[34,19751,19752],{},[37,19753,19754,19756,19759,19761],{},[40,19755,9287],{},[40,19757,19758],{},"向いている用途",[40,19760,6563],{},[40,19762,19763],{},"透過",[53,19765,19766,19778,19789,19800],{},[37,19767,19768,19771,19774,19776],{},[58,19769,19770],{},"JPG",[58,19772,19773],{},"写真・グラデーション",[58,19775,6566],{},[58,19777,8550],{},[37,19779,19780,19782,19785,19787],{},[58,19781,1412],{},[58,19783,19784],{},"ロゴ・スクリーンショット・透過",[58,19786,10093],{},[58,19788,8547],{},[37,19790,19791,19793,19796,19798],{},[58,19792,1418],{},[58,19794,19795],{},"写真・イラスト両方",[58,19797,10096],{},[58,19799,8547],{},[37,19801,19802,19804,19807,19810],{},[58,19803,11558],{},[58,19805,19806],{},"写真・高効率配信",[58,19808,19809],{},"非可逆・可逆",[58,19811,8547],{},[11,19813,19814],{},"写真を PNG で保存するのは最も多い初歩的ミスで、JPG 比で 5〜10 倍の容量になりやすい。ロゴやテキスト入り画像を JPG にすると、輪郭のギザギザ（JPEG アーティファクト）が発生する。",[26,19816,19818],{"id":19817},"webp-と-avif-の現在地2026年時点","WebP と AVIF の現在地（2026年時点）",[11,19820,19821,19825],{},[288,19822,19824],{"href":5610,"rel":19823},[292],"MDN Web Docs の WebP ブラウザ互換表"," によると、WebP は 2026 年現在で全主要ブラウザの最新版で対応済みである。Edge Legacy など古い環境への対応が必要でなければ、WebP を第一選択肢にして問題ない。",[11,19827,19828],{},"AVIF は JPG より 30〜50% 小さい容量を実現できるが、エンコード処理が重く、古いデバイスでは表示が遅くなる場合がある。対応状況は Chrome・Firefox・Safari で概ね揃っているが、業務用イントラや特定企業環境では注意が必要だ。",[11,19830,19831,19833,19834,19836],{},[283,19832,3730],{}," 要素の ",[283,19835,5635],{}," を使えば、対応ブラウザには AVIF を、非対応ブラウザには WebP または JPG を自動配信できる。",[26,19838,19839],{"id":19839},"可逆圧縮と非可逆圧縮の選択基準",[11,19841,19842,19845],{},[309,19843,19844],{},"可逆（lossless）"," はファイルを展開すれば元データと完全に一致する。PNG がその代表例で、ロゴや図版など「1 ピクセルも変えたくない」素材に適している。",[11,19847,19848,19851],{},[309,19849,19850],{},"非可逆（lossy）"," は人間の視覚が感知しにくい情報を捨てることで大幅な容量削減を実現する。JPG・WebP lossy・AVIF がこれに当たる。Web 配信用の写真は非可逆で十分だ。",[15,19853],{},[18,19855,19856],{"id":19856},"画質を保ったまま圧縮する5つの実践的コツ",[26,19858,19860],{"id":19859},"コツ1品質-8085-が最適点","コツ1：品質 80〜85% が最適点",[11,19862,19863,19864,19867],{},"JPG の品質設定は 100% である必要はなく、",[309,19865,19866],{},"85% が最適点"," である。視覚的に差がほぼ分からないにもかかわらず、ファイルサイズは 100% 比で約 40% に減少する。",[11,19869,19870],{},"以下は品質設定と容量・画質の関係を示した実測ベースの目安だ。",[31,19872,19873,19888],{},[34,19874,19875],{},[37,19876,19877,19879,19882,19885],{},[40,19878,12643],{},[40,19880,19881],{},"体感画質",[40,19883,19884],{},"元画像比サイズ",[40,19886,19887],{},"推奨用途",[53,19889,19890,19903,19916,19932,19946,19960],{},[37,19891,19892,19895,19898,19900],{},[58,19893,19894],{},"100%",[58,19896,19897],{},"最高",[58,19899,19894],{},[58,19901,19902],{},"原本保存のみ",[37,19904,19905,19908,19910,19913],{},[58,19906,19907],{},"95%",[58,19909,19897],{},[58,19911,19912],{},"約70%",[58,19914,19915],{},"印刷・高品質配信",[37,19917,19918,19921,19924,19927],{},[58,19919,19920],{},"85%",[58,19922,19923],{},"ほぼ最高",[58,19925,19926],{},"約40%",[58,19928,19929],{},[309,19930,19931],{},"Web 配信の黄金点",[37,19933,19934,19937,19940,19943],{},[58,19935,19936],{},"75%",[58,19938,19939],{},"良好",[58,19941,19942],{},"約30%",[58,19944,19945],{},"軽量化優先",[37,19947,19948,19951,19954,19957],{},[58,19949,19950],{},"60%",[58,19952,19953],{},"ノイズが見え始める",[58,19955,19956],{},"約22%",[58,19958,19959],{},"サムネイル等",[37,19961,19962,19965,19968,19971],{},[58,19963,19964],{},"40%",[58,19966,19967],{},"明確に劣化",[58,19969,19970],{},"約15%",[58,19972,19973],{},"非推奨",[11,19975,19976],{},"85% より上は容量削減効率が急落し、75% 以下は輪郭にブロックノイズが発生し始める。この「85% の黄金点」は Google の PageSpeed Insights が推奨する水準とも一致している。",[26,19978,19980],{"id":19979},"コツ2リサイズは圧縮より先に行う","コツ2：リサイズは圧縮より先に行う",[11,19982,19983],{},"「圧縮前にピクセル数を表示サイズに合わせる」は、品質と容量の両立において圧縮設定の調整より効果が大きい。",[11,19985,19986,19987,19989],{},"3,000px 幅の写真を 300px で表示するページに置くと、ダウンロードされるのは 3,000px の高解像度データであり、ブラウザが表示時に縮小するだけだ。無駄な転送が発生している。",[288,19988,384],{"href":383}," で先に縮小してから圧縮する手順を徹底すること。",[11,19991,19992,19993,19996],{},"なお、元画像より ",[309,19994,19995],{},"大きく拡大しても画質は上がらない","。補間処理でぼやけるだけで情報量は増えないため、リサイズは縮小方向にのみ使う。",[26,19998,20000],{"id":19999},"コツ3exif-メタデータを除去する","コツ3：EXIF メタデータを除去する",[11,20002,20003,20004,20007],{},"前述のプライバシーリスクに加え、EXIF は数 KB〜数十 KB のオーバーヘッドになる。多くの圧縮ツールは EXIF 除去をオプションとして提供しているが、",[309,20005,20006],{},"デフォルトでオフ"," のものも多い。除去設定を確認してから処理することを習慣にする。",[26,20009,20011],{"id":20010},"コツ4非可逆圧縮を繰り返さない","コツ4：非可逆圧縮を繰り返さない",[11,20013,20014,20015,20018],{},"JPG の非可逆圧縮は「元画像 → 圧縮済み JPG」の処理ごとに画質が劣化する。一度圧縮した JPG を再度読み込んで再圧縮すると、劣化が積み重なる。必ず ",[309,20016,20017],{},"元画像（RAW または高品質 JPG）から 1 回だけ"," 圧縮する運用にする。",[26,20020,20022],{"id":20021},"コツ5重要な画像は目視で差分確認する","コツ5：重要な画像は目視で差分確認する",[11,20024,20025],{},"アイキャッチ・製品写真・プレゼン図版など視覚的品質が重要な画像は、圧縮前後の比較確認を行う。多くのツールは圧縮前後を並べて表示するプレビュー機能を持つ。自動バッチ処理に任せると過剰圧縮が見落とされることがある。",[15,20027],{},[18,20029,20030],{"id":20030},"オンライン画像圧縮ツールの比較",[26,20032,20033],{"id":20033},"主要ツール比較表",[11,20035,20036],{},"以下は 2026 年時点での主要な画像圧縮ツールの比較だ。",[31,20038,20039,20059],{},[34,20040,20041],{},[37,20042,20043,20045,20047,20050,20052,20054,20057],{},[40,20044,767],{},[40,20046,2598],{},[40,20048,20049],{},"処理方式",[40,20051,1471],{},[40,20053,13211],{},[40,20055,20056],{},"EXIF 除去",[40,20058,1040],{},[53,20060,20061,20086,20103,20122,20140,20156],{},[37,20062,20063,20068,20073,20076,20078,20080,20083],{},[58,20064,20065],{},[309,20066,20067],{},"Zerosend",[58,20069,20070],{},[309,20071,20072],{},"なし（ブラウザ完結）",[58,20074,20075],{},"Web Worker + browser-image-compression",[58,20077,3661],{},[58,20079,1977],{},[58,20081,20082],{},"○（デフォルト有効）",[58,20084,20085],{},"○（SW キャッシュ）",[37,20087,20088,20090,20092,20094,20096,20099,20101],{},[58,20089,3653],{},[58,20091,20072],{},[58,20093,13291],{},[58,20095,3661],{},[58,20097,20098],{},"△（1枚ずつ）",[58,20100,1977],{},[58,20102,1977],{},[37,20104,20105,20107,20110,20112,20115,20118,20120],{},[58,20106,1500],{},[58,20108,20109],{},"PNG\u002FJPG をサーバーに送信",[58,20111,9717],{},[58,20113,20114],{},"月20枚",[58,20116,20117],{},"○（API）",[58,20119,2649],{},[58,20121,9574],{},[37,20123,20124,20126,20129,20131,20134,20136,20138],{},[58,20125,1974],{},[58,20127,20128],{},"サーバーに送信",[58,20130,9717],{},[58,20132,20133],{},"日2回",[58,20135,1977],{},[58,20137,2649],{},[58,20139,9574],{},[37,20141,20142,20144,20146,20148,20150,20152,20154],{},[58,20143,1992],{},[58,20145,20128],{},[58,20147,9717],{},[58,20149,1548],{},[58,20151,1977],{},[58,20153,2649],{},[58,20155,9574],{},[37,20157,20158,20160,20162,20164,20166,20168,20170],{},[58,20159,4307],{},[58,20161,20128],{},[58,20163,9717],{},[58,20165,1548],{},[58,20167,2649],{},[58,20169,2649],{},[58,20171,9574],{},[11,20173,20174],{},"TinyPNG や Smallpdf は高品質なサービスだが、ファイルを一度クラウドサーバーに送信する設計であるため、機密性の高い画像（社内資料・個人情報を含む写真など）には適さない。",[26,20176,20177],{"id":20177},"サーバー送信有無を自分で確認する方法",[11,20179,20180,20181,20184],{},"ツールの説明を信頼するだけでなく、",[309,20182,20183],{},"DevTools の Network タブで実際に確認する"," のが確実だ。",[340,20186,20187,20190,20199,20202,20205],{},[306,20188,20189],{},"圧縮ツールのページを開く",[306,20191,20192,20193,20195,20196,5143],{},"ブラウザの DevTools を起動（Windows: ",[283,20194,12047],{},"、Mac: ",[283,20197,20198],{},"Cmd + Option + I",[306,20200,20201],{},"「Network」タブを選択し「Preserve log」を有効にする",[306,20203,20204],{},"画像をドラッグ&ドロップして処理を実行する",[306,20206,20207],{},"Network タブの通信ログを確認する",[11,20209,20210,20211,20214],{},"サーバー送信型のツールは、処理時に大きなペイロードを含む POST リクエストが発生する。Zerosend の場合、画像をドロップしても POST リクエストは発生せず、CDN・アナリティクスなどの通常のページリクエストのみが表示される。",[309,20212,20213],{},"アップロード通信ゼロ"," を自分で確認できる。",[15,20216],{},[18,20218,20220],{"id":20219},"zerosend-でブラウザ完結の画像圧縮を行う手順","Zerosend でブラウザ完結の画像圧縮を行う手順",[11,20222,20223,20224,20228,20229,20231],{},"Zerosend の画像圧縮ツールは ",[288,20225,12001],{"href":20226,"rel":20227},"https:\u002F\u002Fgithub.com\u002FDonaldcwl\u002Fbrowser-image-compression",[292]," ライブラリを ",[309,20230,12009],{}," 上で動作させている。Web Worker はメインスレッドとは別のスレッドで処理を実行するブラウザの仕組みであり、処理中でもページの操作が固まらない。圧縮処理はすべてユーザーのブラウザ内で完結し、外部サーバーへの送信は一切発生しない。",[26,20233,6088],{"id":6088},[340,20235,20236,20240,20243,20249,20252,20255],{},[306,20237,20238,2416],{},[288,20239,437],{"href":437},[306,20241,20242],{},"JPG \u002F PNG \u002F WebP 形式の画像をドラッグ&ドロップ、または「ファイルを選択」から複数選択する",[306,20244,20245,20246,5143],{},"品質スライダーを調整する（推奨値は ",[309,20247,20248],{},"80〜85",[306,20250,20251],{},"「圧縮する」ボタンをクリックする",[306,20253,20254],{},"圧縮結果のプレビューと圧縮率を確認する",[306,20256,20257],{},"1 枚の場合はそのままダウンロード、複数の場合は ZIP でまとめてダウンロードする",[26,20259,4008],{"id":4008},[11,20261,20262],{},"Zerosend は Service Worker によるキャッシュを実装しており、初回アクセス後はネットワーク接続がなくても動作する。出張先や電波の届かない環境でも、ブラウザを開いていれば画像圧縮を実行できる。",[15,20264],{},[18,20266,13305],{"id":13305},[26,20268,20270],{"id":20269},"透過-png-を-jpg-変換すると白背景になる","透過 PNG を JPG 変換すると白背景になる",[11,20272,20273,20274,6316,20277,19557],{},"JPG フォーマットは透過（アルファチャンネル）をサポートしていない。透過 PNG を JPG 変換すると、透過部分が白で塗りつぶされる。ロゴやアイコンで透過が必要な場合は ",[309,20275,20276],{},"PNG のまま圧縮するか WebP に変換する",[288,20278,3596],{"href":1431},[26,20280,20281],{"id":20281},"圧縮後に色がくすんで見える",[11,20283,20284,20285,20288],{},"Adobe RGB や Display P3 プロファイルで保存された画像を sRGB 非対応の処理フローに通すと、色空間の変換時に彩度が失われる。Web 配信では ",[309,20286,20287],{},"sRGB に統一"," するのが安全だ。プロファイルが不明な画像は、圧縮後に別のブラウザやデバイスで色味を確認する。",[26,20290,20292],{"id":20291},"sns-投稿は自分での極限圧縮が逆効果になる場合がある","SNS 投稿は自分での極限圧縮が逆効果になる場合がある",[11,20294,20295,20296,20299],{},"Twitter（X）・Instagram・LINE は投稿時に独自アルゴリズムで再圧縮を行う。自分で品質を 40〜50% まで下げた上に SNS 側の再圧縮が重なると、最終的な画質が著しく低下することがある。SNS 向けの画像は ",[309,20297,20298],{},"80〜85% の設定で一度だけ圧縮"," し、プラットフォームの再処理に任せる方が綺麗な結果になりやすい。",[26,20301,20302],{"id":20302},"バッチ処理後に全件確認をしない",[11,20304,20305],{},"一括処理の便利さから、圧縮後の全ファイルを確認しないまま公開するケースがある。異常に小さいファイルサイズになっているものや、極端に品質が下がっているものが混入していることがある。少なくともサムネイル一覧で目視確認する習慣をつける。",[15,20307],{},[18,20309,7601],{"id":7600},[26,20311,20313],{"id":20312},"q1-webp-への変換は必須ですか","Q1. WebP への変換は必須ですか？",[11,20315,20316,20317,20319],{},"必須ではないが、推奨する。同等の画質で JPG より 25〜35% 容量を削減できるケースが多い。ただし古い環境への対応が必要な場合は ",[283,20318,3730],{}," タグでフォールバックを設定する。",[26,20321,20323],{"id":20322},"q2-png-を圧縮しても容量があまり減らないのはなぜですか","Q2. PNG を圧縮しても容量があまり減らないのはなぜですか？",[11,20325,20326],{},"PNG は可逆圧縮であるため、非可逆圧縮の JPG ほど大幅な削減は期待できない。PNG の容量を大きく削減したい場合は、非可逆の WebP への変換を検討する。透過が不要な写真系コンテンツであれば JPG または WebP lossy が最適だ。",[26,20328,20330],{"id":20329},"q3-圧縮ツールに画像をアップロードするとデータは保存されますか","Q3. 圧縮ツールに画像をアップロードするとデータは保存されますか？",[11,20332,20333],{},"サーバー処理型のツール（TinyPNG・Smallpdf 等）は各社のプライバシーポリシーに従って一定期間保存される場合がある。ブラウザ処理型のツール（Zerosend・Squoosh 等）はファイルをサーバーに送信しないため、保存の問題自体が発生しない。",[26,20335,20337],{"id":20336},"q4-圧縮後にファイルが元より大きくなることはありますか","Q4. 圧縮後にファイルが元より大きくなることはありますか？",[11,20339,20340],{},"ある。既に高圧縮済みの JPG をさらに圧縮しようとすると、再エンコードのオーバーヘッドでわずかに大きくなる場合がある。また、小さな PNG を WebP に変換した際に逆に大きくなるケースもある。圧縮後サイズを必ず確認し、大きくなっていた場合は元ファイルを使用する。",[26,20342,20344],{"id":20343},"q5-スマートフォンのカメラ写真に含まれる-gps-情報を削除できますか","Q5. スマートフォンのカメラ写真に含まれる GPS 情報を削除できますか？",[11,20346,20347,20348,20353],{},"EXIF 除去機能を持つ圧縮ツールであれば削除できる。Zerosend の画像圧縮はデフォルトで EXIF を除去する。除去されているかどうかは、処理後のファイルを ",[288,20349,20352],{"href":20350,"rel":20351},"https:\u002F\u002Fexifdata.com\u002F",[292],"Jeffrey's Exif Viewer"," 等のオンラインツールで確認できる。",[15,20355],{},[18,20357,444],{"id":444},[11,20359,20360],{},"画像圧縮の実践的な結論をまとめる。",[303,20362,20363,20369,20374,20380,20386],{},[306,20364,20365,20368],{},[309,20366,20367],{},"フォーマット選択","：写真は JPG または WebP lossy、ロゴ・透過は PNG または WebP lossless",[306,20370,20371,20373],{},[309,20372,12643],{},"：JPG \u002F WebP は 80〜85% を起点に調整する",[306,20375,20376,20379],{},[309,20377,20378],{},"処理順序","：リサイズ（ピクセル数削減）→ 圧縮（品質調整）→ EXIF 除去",[306,20381,20382,20385],{},[309,20383,20384],{},"非可逆圧縮は元画像から1回のみ","：再圧縮による劣化の積み重ねを避ける",[306,20387,20388,20391],{},[309,20389,20390],{},"ツール選定","：機密画像を扱う場合はサーバー送信の有無を DevTools で確認する",[11,20393,20394,20395,20398],{},"機密性の高い画像、個人写真、社内資料の圧縮には、ブラウザ完結処理の ",[288,20396,20397],{"href":437},"Zerosend 画像圧縮ツール"," が選択肢の一つとなる。処理が完全にローカルで完結するため、送信リスクが構造的にない。品質スライダーと圧縮前後のプレビューで結果を確認しながら、適切な設定を見つけることができる。",{"title":480,"searchDepth":481,"depth":481,"links":20400},[20401,20406,20411,20418,20422,20426,20432,20439],{"id":19706,"depth":481,"text":19707,"children":20402},[20403,20404,20405],{"id":19710,"depth":486,"text":19711},{"id":19726,"depth":486,"text":19727},{"id":19733,"depth":486,"text":19734},{"id":19742,"depth":481,"text":19743,"children":20407},[20408,20409,20410],{"id":19746,"depth":486,"text":19747},{"id":19817,"depth":486,"text":19818},{"id":19839,"depth":486,"text":19839},{"id":19856,"depth":481,"text":19856,"children":20412},[20413,20414,20415,20416,20417],{"id":19859,"depth":486,"text":19860},{"id":19979,"depth":486,"text":19980},{"id":19999,"depth":486,"text":20000},{"id":20010,"depth":486,"text":20011},{"id":20021,"depth":486,"text":20022},{"id":20030,"depth":481,"text":20030,"children":20419},[20420,20421],{"id":20033,"depth":486,"text":20033},{"id":20177,"depth":486,"text":20177},{"id":20219,"depth":481,"text":20220,"children":20423},[20424,20425],{"id":6088,"depth":486,"text":6088},{"id":4008,"depth":486,"text":4008},{"id":13305,"depth":481,"text":13305,"children":20427},[20428,20429,20430,20431],{"id":20269,"depth":486,"text":20270},{"id":20281,"depth":486,"text":20281},{"id":20291,"depth":486,"text":20292},{"id":20302,"depth":486,"text":20302},{"id":7600,"depth":481,"text":7601,"children":20433},[20434,20435,20436,20437,20438],{"id":20312,"depth":486,"text":20313},{"id":20322,"depth":486,"text":20323},{"id":20329,"depth":486,"text":20330},{"id":20336,"depth":486,"text":20337},{"id":20343,"depth":486,"text":20344},{"id":444,"depth":481,"text":444},"画像圧縮で画質を損なわず最大限軽くする方法を解説。品質設定・フォーマット選択・リサイズ順序・サーバー非送信ツールの比較まで実用的な情報を網羅。",{},"\u002Fblog\u002Fimage-compress-guide",{"title":19687,"description":20440},"image-compress-guide","blog\u002Fimage-compress-guide",[510,513,1590],"NdMNaoponIzt7H_Nhsf12BUmwdeRFRcxjEU5co1oVCo",{"id":20449,"title":20450,"author":6,"body":20451,"category":496,"coverImage":497,"description":21249,"draft":499,"extension":500,"locale":501,"meta":21250,"navigation":503,"noindex":499,"path":21251,"publishedAt":17998,"seo":21252,"slug":21253,"stem":21254,"tags":21255,"updatedAt":12228,"__hash__":21256},"blog\u002Fblog\u002Fpdf-merge-guide.md","PDF 結合 無料・アップロードなし — 顧客情報を外部送信せず処理する完全手順 2026",{"type":8,"value":20452,"toc":21212},[20453,20456,20458,20462,20465,20468,20471,20474,20478,20481,20483,20487,20491,20498,20501,20505,20508,20512,20515,20519,20522,20524,20528,20531,20658,20661,20663,20667,20674,20677,20702,20713,20720,20722,20726,20730,20735,20739,20742,20746,20749,20753,20756,20760,20763,20765,20768,20771,20778,20797,20815,20821,20825,20828,20831,20837,20840,20843,20847,20850,20852,20856,20860,20863,20866,20869,20872,20875,20877,20881,20884,21105,21115,21117,21119,21124,21127,21132,21135,21140,21143,21148,21151,21156,21159,21161,21163,21166,21192,21203,21209],[11,20454,20455],{},"複数の PDF を 1 つにまとめたいが、契約書や請求書を見知らぬサーバーに送ることへの抵抗がある。このジレンマは、オンライン PDF 結合ツールを使う際に多くの事業主・担当者が直面する現実的な問題だ。本記事では、PDF 結合ツールの種類と選定基準を整理し、ファイルを外部送信せずに処理する具体的な手順と、実務で起きやすいトラブルへの対処を体系的に解説する。",[15,20457],{},[18,20459,20461],{"id":20460},"pdf-結合が業務で必要になる典型シーン","PDF 結合が業務で必要になる典型シーン",[26,20463,20464],{"id":20464},"請求書の月次まとめ",[11,20466,20467],{},"取引先ごとに発行された請求書 PDF を、月末に 1 本にまとめて経理へ回す。個人事業主から中小企業の経理担当まで、毎月繰り返す定番作業だ。",[26,20469,20470],{"id":20470},"複数ファイルで届いた契約書の統合",[11,20472,20473],{},"「表紙」「本文」「別紙」「押印欄」が別々の PDF で届くケースは少なくない。署名前に 1 本へまとめておくと、先方への送付もアーカイブもシンプルになる。",[26,20475,20477],{"id":20476},"スキャン-pdf-と添付資料の一体化","スキャン PDF と添付資料の一体化",[11,20479,20480],{},"紙書類のスキャン PDF に、別途作成した Excel や Word の PDF 出力を結合して提出するパターン。士業・官公庁関連の手続きで頻出する。",[15,20482],{},[18,20484,20486],{"id":20485},"ツール選びで見るべき-4-つの判断基準","ツール選びで見るべき 4 つの判断基準",[26,20488,20490],{"id":20489},"_1-ファイルがサーバーへ送られるか","1. ファイルがサーバーへ送られるか",[11,20492,20493,20494,20497],{},"オンライン PDF 結合ツールの大多数は、ファイルを一度サーバーへアップロードしてから処理する。処理後に削除するとアナウンスしているサービスは多いが、",[309,20495,20496],{},"NDA 下の契約書や個人情報を含む書類を外部送信すること自体","が社内規程や法的義務に抵触する場面がある。",[11,20499,20500],{},"判定方法は単純で、ブラウザの DevTools（F12）→ Network タブを開いた状態でファイルを読み込み、PDF データを含む POST 通信が発生しているかを目視確認するだけだ。",[26,20502,20504],{"id":20503},"_2-結合順の制御精度","2. 結合順の制御精度",[11,20506,20507],{},"ドラッグ&ドロップで任意並び替えができるか、ファイル名の文字列ソートしか受け付けないかは大きな差になる。後述するが、文字列ソートは桁数が揃っていない場合に直感と異なる順序を生む。",[26,20509,20511],{"id":20510},"_3-パスワード付き-pdf-への対応","3. パスワード付き PDF への対応",[11,20513,20514],{},"社内で暗号化された PDF は、結合前にロック解除が必要になる。対応していないツールを使う場合は、事前に Adobe Acrobat 等で解除してから持ち込む。",[26,20516,20518],{"id":20517},"_4-ファイルサイズ枚数の上限","4. ファイルサイズ・枚数の上限",[11,20520,20521],{},"ブラウザ内処理はクライアントの RAM に依存するため、数百 MB 規模の PDF を多数扱う場合に動作が不安定になることがある。用途に合わせて事前に上限を確認しておく。",[15,20523],{},[18,20525,20527],{"id":20526},"主要-pdf-結合ツールの比較","主要 PDF 結合ツールの比較",[11,20529,20530],{},"下表は代表的な PDF 結合ツールを「送信先サーバー」観点で並べたものだ。プライバシー要件が厳しい業務では、この列が選定の第一基準になる。",[31,20532,20533,20550],{},[34,20534,20535],{},[37,20536,20537,20539,20541,20543,20545,20547],{},[40,20538,767],{},[40,20540,2598],{},[40,20542,20049],{},[40,20544,3618],{},[40,20546,1962],{},[40,20548,20549],{},"オフライン",[53,20551,20552,20568,20582,20597,20613,20630],{},[37,20553,20554,20556,20559,20562,20564,20566],{},[58,20555,1974],{},[58,20557,20558],{},"外部クラウド (EU)",[58,20560,20561],{},"サーバーサイド",[58,20563,1548],{},[58,20565,1977],{},[58,20567,9075],{},[37,20569,20570,20572,20574,20576,20578,20580],{},[58,20571,1992],{},[58,20573,20558],{},[58,20575,20561],{},[58,20577,1548],{},[58,20579,1977],{},[58,20581,9075],{},[37,20583,20584,20586,20589,20591,20593,20595],{},[58,20585,12516],{},[58,20587,20588],{},"Adobe クラウド",[58,20590,20561],{},[58,20592,1548],{},[58,20594,1977],{},[58,20596,9075],{},[37,20598,20599,20602,20605,20607,20609,20611],{},[58,20600,20601],{},"PDF24 (Web版)",[58,20603,20604],{},"外部クラウド (DE)",[58,20606,20561],{},[58,20608,1977],{},[58,20610,1977],{},[58,20612,9075],{},[37,20614,20615,20618,20621,20623,20626,20628],{},[58,20616,20617],{},"Adobe Acrobat デスクトップ",[58,20619,20620],{},"なし (ローカル)",[58,20622,1081],{},[58,20624,20625],{},"✗ (有償)",[58,20627,1977],{},[58,20629,1977],{},[37,20631,20632,20636,20641,20646,20650,20654],{},[58,20633,20634],{},[309,20635,11900],{},[58,20637,20638],{},[309,20639,20640],{},"なし (ブラウザ内)",[58,20642,20643],{},[309,20644,20645],{},"WASM \u002F Web Worker",[58,20647,20648],{},[309,20649,1977],{},[58,20651,20652],{},[309,20653,1977],{},[58,20655,20656],{},[309,20657,1977],{},[11,20659,20660],{},"Smallpdf・iLovePDF はヨーロッパのサーバーを利用しており、GDPR 準拠を謳っているが、データが EU 域外の日本の事業者から EU に渡る点に注意が必要だ。Adobe Acrobat デスクトップ版はローカル完結だが有償ライセンスが前提になる。",[15,20662],{},[18,20664,20666],{"id":20665},"zerosend-がブラウザ内で結合を完結させる仕組み","zerosend がブラウザ内で結合を完結させる仕組み",[11,20668,20669,20670,20673],{},"zerosend の PDF 結合は、",[288,20671,10515],{"href":735,"rel":20672},[292],"（MIT ライセンスの JavaScript ライブラリ）をブラウザ上で直接実行することで実現している。",[11,20675,20676],{},"処理の流れは次のとおりだ。",[340,20678,20679,20686,20689,20699],{},[306,20680,20681,20682,20685],{},"ユーザーが選択したファイルは ",[283,20683,20684],{},"File"," API でブラウザのメモリに読み込まれる",[306,20687,20688],{},"pdf-lib が各 PDF のページツリーを解析し、結合済みの PDF Document オブジェクトを生成する",[306,20690,20691,20692,16281,20695,20698],{},"生成されたバイト列は ",[283,20693,20694],{},"Blob",[283,20696,20697],{},"Object URL"," として即座にダウンロードに渡される",[306,20700,20701],{},"処理中も含め、PDF のバイナリデータが外部ネットワークに出ることはない",[11,20703,20704,20705,1829,20709,15494],{},"重い処理は Web Worker 上で実行されるため、メインスレッド（UI）がブロックされず、処理中も画面が固まりにくい。pdf-lib の仕様詳細は ",[288,20706,20708],{"href":729,"rel":20707},[292],"MDN の File API ドキュメント",[288,20710,20712],{"href":735,"rel":20711},[292],"pdf-lib 公式ドキュメント",[11,20714,20715,20716,20719],{},"初回アクセス後は Service Worker がアセットをキャッシュするため、",[309,20717,20718],{},"以降はオフライン環境でも動作する","。インターネット接続のない社内クローズドネットワークや、機内・現場作業でも使えるのはこの設計によるものだ。",[15,20721],{},[18,20723,20725],{"id":20724},"zerosend-で-pdf-を結合する手順具体的操作","zerosend で PDF を結合する手順（具体的操作）",[26,20727,20729],{"id":20728},"ステップ-1-ツールを開く","ステップ 1: ツールを開く",[11,20731,20732,20734],{},[288,20733,619],{"href":619}," にアクセスする。インストール・ログイン・会員登録は不要だ。",[26,20736,20738],{"id":20737},"ステップ-2-ファイルを追加する","ステップ 2: ファイルを追加する",[11,20740,20741],{},"結合したい PDF をドラッグ&ドロップするか、クリックしてファイル選択ダイアログから選ぶ。複数ファイルを一度に追加できる。",[26,20743,20745],{"id":20744},"ステップ-3-並び順を確認調整する","ステップ 3: 並び順を確認・調整する",[11,20747,20748],{},"ファイルリストが表示されるので、ドラッグで希望の順序に並び替える。ファイル名ソートに依存せず、リスト上の位置が結合後のページ順に直結する。",[26,20750,20752],{"id":20751},"ステップ-4-結合を実行する","ステップ 4: 結合を実行する",[11,20754,20755],{},"「結合する」ボタンを押す。処理はブラウザ内で完結し、完了後すぐにダウンロードが始まる。",[26,20757,20759],{"id":20758},"network-タブで送信ゼロを確認する方法","Network タブで送信ゼロを確認する方法",[11,20761,20762],{},"DevTools（Windows: F12 \u002F Mac: Cmd+Option+I）を開き、「Network」タブに切り替えてから結合を実行する。通信ログに PDF バイナリを含む POST リクエストが存在しないことで、外部送信ゼロを自分の目で検証できる。この検証可能性は、第三者監査や社内コンプライアンス説明の際にも有効だ。",[15,20764],{},[18,20766,20767],{"id":20767},"よくあるトラブルと対処法",[26,20769,20770],{"id":20770},"結合順が意図通りにならない",[11,20772,20773,20774,20777],{},"並び順事故の 8 割は",[309,20775,20776],{},"文字列ソートの桁数不一致","が原因だ。",[303,20779,20780,20790],{},[306,20781,20782,20785,20786,20789],{},[283,20783,20784],{},"1.pdf, 2.pdf, 10.pdf, 11.pdf"," を文字列ソートすると ",[283,20787,20788],{},"1 → 10 → 11 → 2"," になる",[306,20791,20792,20793,20796],{},"日本語ファイル名でも同様に ",[283,20794,20795],{},"請求書1 → 請求書10 → 請求書2"," の順になる",[11,20798,20799,20802,20803,20806,20807,20810,20811,20814],{},[309,20800,20801],{},"解決策:"," ファイル名をゼロパディングで揃える。10〜99 件なら 2 桁（",[283,20804,20805],{},"01, 02, …, 10","）、100 件以上なら 3 桁（",[283,20808,20809],{},"001, 002, …, 100","）。日付を先頭に置く場合は ",[283,20812,20813],{},"YYYY-MM-DD"," 形式が文字列ソートと自然に整合する。",[11,20816,20817,20818,6316],{},"zerosend では",[309,20819,20820],{},"リスト上で明示的に並び替えるため、ファイル名ソートの罠に依存しない",[26,20822,20824],{"id":20823},"パスワード付き-pdf-が処理できない","パスワード付き PDF が処理できない",[11,20826,20827],{},"現時点の zerosend はパスワード保護された PDF の解除に対応していない。事前に Adobe Acrobat 等でパスワードを解除してから持ち込むか、デスクトップアプリを併用する。",[26,20829,20830],{"id":20830},"結合後のファイルサイズが大きくなった",[11,20832,20833,20834,20836],{},"各 PDF のコンテンツがそのまま積み重なるため、元ファイルの合計よりわずかに大きくなるのは正常な挙動だ。メール添付に収まらないサイズになった場合は、",[288,20835,2404],{"href":2403}," で後処理する。",[26,20838,20839],{"id":20839},"結合後に文字化けが発生した",[11,20841,20842],{},"フォントが埋め込まれていない PDF は、環境によってフォントが代替されて文字化けが起きることがある。PDF 出力元のソフト（Word, Illustrator 等）でフォントを埋め込んで書き出し直すのが根本的な解決策だ。",[26,20844,20846],{"id":20845},"大容量ファイルで処理が重い止まる","大容量ファイルで処理が重い・止まる",[11,20848,20849],{},"ブラウザ内処理はクライアントの RAM を使う。zerosend は 1 ファイル 100 MB を推奨上限としている。それを超える場合は、Adobe Acrobat デスクトップ版や CLI ツール（Ghostscript 等）を検討する。",[15,20851],{},[18,20853,20855],{"id":20854},"b2b-現場での運用ルール","B2B 現場での運用ルール",[26,20857,20859],{"id":20858},"規程に外部-saas-へのアップロード禁止を明文化する","規程に「外部 SaaS へのアップロード禁止」を明文化する",[11,20861,20862],{},"「個人情報・機密情報を含む書類は外部クラウドにアップロードしない」と明文化している組織は増えている。ブラウザ内処理ツールに切り替えることで、この規程との整合が取りやすくなる。Network タブの検証結果をスクリーンショットで保存しておくと、コンプライアンス担当や監査への説明資料として使える。",[26,20864,20865],{"id":20865},"結合後に元ファイルを整理する",[11,20867,20868],{},"結合後も元の分割ファイルが共有フォルダに残ると「どれが最新版か」が不明瞭になる。結合済みファイルを共有ストレージに置き、分割元は個人のアーカイブフォルダへ退避するルールを決めておく。",[26,20870,20871],{"id":20871},"監査ログが必要な環境での選択",[11,20873,20874],{},"「誰が・いつ・どのツールで処理したか」のログを法務・監査から求められるケースでは、外部 SaaS よりローカル完結型のほうがログの出所を自分で管理しやすい。ブラウザ内処理は DevTools で自己検証できるため、外部依存のない証跡として使える。",[15,20876],{},[18,20878,20880],{"id":20879},"開発者向け-スクリプトで-pdf-結合を自動化する","開発者向け: スクリプトで PDF 結合を自動化する",[11,20882,20883],{},"月次の定型結合を自動化するなら、Node.js で pdf-lib を使う方法がある。ファイル順序をコードで明示するため、ファイル名ソートに依存しない安定した処理が可能だ。",[3535,20885,20889],{"className":20886,"code":20887,"language":20888,"meta":480,"style":480},"language-typescript shiki shiki-themes github-light github-dark","import { PDFDocument } from 'pdf-lib'\nimport { readFileSync, writeFileSync } from 'node:fs'\n\nconst files = ['01_表紙.pdf', '02_本文.pdf', '03_別紙.pdf']  \u002F\u002F 順序を明示\nconst merged = await PDFDocument.create()\n\nfor (const filePath of files) {\n  const src = await PDFDocument.load(readFileSync(filePath))\n  const pages = await merged.copyPages(src, src.getPageIndices())\n  pages.forEach(page => merged.addPage(page))\n}\n\nwriteFileSync('merged_output.pdf', await merged.save())\n","typescript",[283,20890,20891,20906,20918,20922,20955,20976,20980,20998,21023,21049,21074,21078,21082],{"__ignoreMap":480},[3543,20892,20893,20897,20900,20903],{"class":3545,"line":3546},[3543,20894,20896],{"class":20895},"szBVR","import",[3543,20898,20899],{"class":7854}," { PDFDocument } ",[3543,20901,20902],{"class":20895},"from",[3543,20904,20905],{"class":3559}," 'pdf-lib'\n",[3543,20907,20908,20910,20913,20915],{"class":3545,"line":481},[3543,20909,20896],{"class":20895},[3543,20911,20912],{"class":7854}," { readFileSync, writeFileSync } ",[3543,20914,20902],{"class":20895},[3543,20916,20917],{"class":3559}," 'node:fs'\n",[3543,20919,20920],{"class":3545,"line":486},[3543,20921,7842],{"emptyLinePlaceholder":503},[3543,20923,20924,20927,20930,20933,20936,20939,20941,20944,20946,20949,20952],{"class":3545,"line":7845},[3543,20925,20926],{"class":20895},"const",[3543,20928,20929],{"class":3552}," files",[3543,20931,20932],{"class":20895}," =",[3543,20934,20935],{"class":7854}," [",[3543,20937,20938],{"class":3559},"'01_表紙.pdf'",[3543,20940,7286],{"class":7854},[3543,20942,20943],{"class":3559},"'02_本文.pdf'",[3543,20945,7286],{"class":7854},[3543,20947,20948],{"class":3559},"'03_別紙.pdf'",[3543,20950,20951],{"class":7854},"]  ",[3543,20953,20954],{"class":4833},"\u002F\u002F 順序を明示\n",[3543,20956,20957,20959,20962,20964,20967,20970,20973],{"class":3545,"line":7851},[3543,20958,20926],{"class":20895},[3543,20960,20961],{"class":3552}," merged",[3543,20963,20932],{"class":20895},[3543,20965,20966],{"class":20895}," await",[3543,20968,20969],{"class":7854}," PDFDocument.",[3543,20971,20972],{"class":3549},"create",[3543,20974,20975],{"class":7854},"()\n",[3543,20977,20978],{"class":3545,"line":7898},[3543,20979,7842],{"emptyLinePlaceholder":503},[3543,20981,20982,20985,20987,20989,20992,20995],{"class":3545,"line":7928},[3543,20983,20984],{"class":20895},"for",[3543,20986,18686],{"class":7854},[3543,20988,20926],{"class":20895},[3543,20990,20991],{"class":3552}," filePath",[3543,20993,20994],{"class":20895}," of",[3543,20996,20997],{"class":7854}," files) {\n",[3543,20999,21000,21003,21005,21007,21009,21011,21014,21017,21020],{"class":3545,"line":7933},[3543,21001,21002],{"class":20895},"  const",[3543,21004,11827],{"class":3552},[3543,21006,20932],{"class":20895},[3543,21008,20966],{"class":20895},[3543,21010,20969],{"class":7854},[3543,21012,21013],{"class":3549},"load",[3543,21015,21016],{"class":7854},"(",[3543,21018,21019],{"class":3549},"readFileSync",[3543,21021,21022],{"class":7854},"(filePath))\n",[3543,21024,21025,21027,21030,21032,21034,21037,21040,21043,21046],{"class":3545,"line":7939},[3543,21026,21002],{"class":20895},[3543,21028,21029],{"class":3552}," pages",[3543,21031,20932],{"class":20895},[3543,21033,20966],{"class":20895},[3543,21035,21036],{"class":7854}," merged.",[3543,21038,21039],{"class":3549},"copyPages",[3543,21041,21042],{"class":7854},"(src, src.",[3543,21044,21045],{"class":3549},"getPageIndices",[3543,21047,21048],{"class":7854},"())\n",[3543,21050,21051,21054,21057,21059,21063,21066,21068,21071],{"class":3545,"line":7968},[3543,21052,21053],{"class":7854},"  pages.",[3543,21055,21056],{"class":3549},"forEach",[3543,21058,21016],{"class":7854},[3543,21060,21062],{"class":21061},"s4XuR","page",[3543,21064,21065],{"class":20895}," =>",[3543,21067,21036],{"class":7854},[3543,21069,21070],{"class":3549},"addPage",[3543,21072,21073],{"class":7854},"(page))\n",[3543,21075,21076],{"class":3545,"line":7973},[3543,21077,18390],{"class":7854},[3543,21079,21080],{"class":3545,"line":7979},[3543,21081,7842],{"emptyLinePlaceholder":503},[3543,21083,21085,21088,21090,21093,21095,21098,21100,21103],{"class":3545,"line":21084},13,[3543,21086,21087],{"class":3549},"writeFileSync",[3543,21089,21016],{"class":7854},[3543,21091,21092],{"class":3559},"'merged_output.pdf'",[3543,21094,7286],{"class":7854},[3543,21096,21097],{"class":20895},"await",[3543,21099,21036],{"class":7854},[3543,21101,21102],{"class":3549},"save",[3543,21104,21048],{"class":7854},[11,21106,21107,21108,21111,21112,19557],{},"配列 ",[283,21109,21110],{},"files"," の順序がそのまま結合後のページ順になる。CI\u002FCD パイプラインに組み込んで、月次レポートの自動生成などに応用できる。pdf-lib の詳しい API は ",[288,21113,737],{"href":735,"rel":21114},[292],[15,21116],{},[18,21118,7601],{"id":7600},[11,21120,21121],{},[309,21122,21123],{},"Q. zerosend で結合したとき、本当にファイルが外部に送られていないか確認できるか？",[11,21125,21126],{},"できる。ブラウザの DevTools（F12）→ Network タブを開いた状態でファイルを追加・結合し、PDF バイナリを含む POST や PUT リクエストが存在しないことを目視で確認できる。処理はすべてブラウザのメモリ内で完結する。",[11,21128,21129],{},[309,21130,21131],{},"Q. 何ファイルまで一度に結合できるか？",[11,21133,21134],{},"公式に上限ファイル数は設けていないが、1 ファイルあたり 100 MB 以内を推奨している。ファイル数が多くなるほどメモリ消費が増えるため、極端に大きなファイルを数十本まとめて処理する場合はデスクトップアプリの併用を検討する。",[11,21136,21137],{},[309,21138,21139],{},"Q. Smallpdf や iLovePDF と比べてどう違うか？",[11,21141,21142],{},"最大の違いは送信先だ。Smallpdf・iLovePDF はファイルをヨーロッパのサーバーへ送信して処理する。機能面では両サービスのほうが豊富なオプション（OCR、変換等）を持つが、機密書類の処理には zerosend のようなブラウザ内完結型が適している。",[11,21144,21145],{},[309,21146,21147],{},"Q. パスワード付き PDF は結合できるか？",[11,21149,21150],{},"現時点では非対応。事前に Adobe Acrobat や PDF パスワード解除ツールでロックを解除してから zerosend に持ち込む必要がある。",[11,21152,21153],{},[309,21154,21155],{},"Q. オフライン環境でも使えるか？",[11,21157,21158],{},"初回アクセス後は Service Worker がアセットをキャッシュするため、インターネット接続なしでも動作する。社内クローズドネットワークや機内など、外部通信が制限された環境でも利用できる。",[15,21160],{},[18,21162,444],{"id":444},[11,21164,21165],{},"PDF 結合の手順そのものはシンプルだが、扱う情報の性質によってツール選定は大きく変わる。主要な判断軸をまとめる。",[303,21167,21168,21174,21180,21186],{},[306,21169,21170,21173],{},[309,21171,21172],{},"外部送信を避けたい場合",": ブラウザ内完結型（zerosend 等）を選ぶ。DevTools で自分で検証できる",[306,21175,21176,21179],{},[309,21177,21178],{},"並び順の精度が必要な場合",": 文字列ソートに依存せず、明示的な並び替えができるツールを使う。zerosend はドラッグ&ドロップで制御できる",[306,21181,21182,21185],{},[309,21183,21184],{},"大量・高頻度の定型処理",": pdf-lib を使った Node.js スクリプトで自動化し、順序をコードで管理する",[306,21187,21188,21191],{},[309,21189,21190],{},"機能の豊富さが最優先で機密性が低い場合",": Smallpdf・iLovePDF・Adobe Acrobat オンラインが選択肢になる",[11,21193,21194,21195,21197,21198,8938,21200,21202],{},"zerosend の PDF 結合ツールは ",[288,21196,619],{"href":619}," から無料で利用できる。関連ツールとして ",[288,21199,15162],{"href":2403},[288,21201,16140],{"href":2026}," も同様にブラウザ内処理で提供している。",[11,21204,21205,21206],{},"関連ガイド: ",[288,21207,21208],{"href":17962},"プライバシー重視のオンラインツール",[3757,21210,21211],{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":480,"searchDepth":481,"depth":481,"links":21213},[21214,21219,21225,21226,21227,21234,21241,21246,21247,21248],{"id":20460,"depth":481,"text":20461,"children":21215},[21216,21217,21218],{"id":20464,"depth":486,"text":20464},{"id":20470,"depth":486,"text":20470},{"id":20476,"depth":486,"text":20477},{"id":20485,"depth":481,"text":20486,"children":21220},[21221,21222,21223,21224],{"id":20489,"depth":486,"text":20490},{"id":20503,"depth":486,"text":20504},{"id":20510,"depth":486,"text":20511},{"id":20517,"depth":486,"text":20518},{"id":20526,"depth":481,"text":20527},{"id":20665,"depth":481,"text":20666},{"id":20724,"depth":481,"text":20725,"children":21228},[21229,21230,21231,21232,21233],{"id":20728,"depth":486,"text":20729},{"id":20737,"depth":486,"text":20738},{"id":20744,"depth":486,"text":20745},{"id":20751,"depth":486,"text":20752},{"id":20758,"depth":486,"text":20759},{"id":20767,"depth":481,"text":20767,"children":21235},[21236,21237,21238,21239,21240],{"id":20770,"depth":486,"text":20770},{"id":20823,"depth":486,"text":20824},{"id":20830,"depth":486,"text":20830},{"id":20839,"depth":486,"text":20839},{"id":20845,"depth":486,"text":20846},{"id":20854,"depth":481,"text":20855,"children":21242},[21243,21244,21245],{"id":20858,"depth":486,"text":20859},{"id":20865,"depth":486,"text":20865},{"id":20871,"depth":486,"text":20871},{"id":20879,"depth":481,"text":20880},{"id":7600,"depth":481,"text":7601},{"id":444,"depth":481,"text":444},"契約書・請求書を外部サーバーに送らず PDF を結合する方法を解説。ブラウザ内完結ツールの仕組み、競合比較、並び順トラブル対処、B2B 運用ルールまで網羅。",{},"\u002Fblog\u002Fpdf-merge-guide",{"title":20450,"description":21249},"pdf-merge-guide","blog\u002Fpdf-merge-guide",[15191,765,766],"KvdWSwTrOTqCa33jkEG_CFpq7BUFGWaS-Kl4Lvc7ElA",{"id":21258,"title":21259,"author":6,"body":21260,"category":21629,"coverImage":497,"description":21630,"draft":499,"extension":500,"locale":501,"meta":21631,"navigation":503,"noindex":499,"path":21632,"publishedAt":17998,"seo":21633,"slug":21634,"stem":21635,"tags":21636,"updatedAt":17998,"__hash__":21637},"blog\u002Fblog\u002Fprivacy-tools-comparison.md","アップロード不要なファイル処理ツールの選び方 2026 — 3 類型の使い分け",{"type":8,"value":21261,"toc":21607},[21262,21265,21269,21273,21280,21284,21291,21295,21299,21302,21322,21326,21329,21346,21350,21357,21374,21378,21482,21485,21489,21495,21499,21505,21509,21515,21519,21529,21531,21537,21540,21566,21570,21573,21591,21593,21599],[11,21263,21264],{},"ファイルをサーバーに預けずに処理する選択肢は、ここ数年で現実的になりました。本記事では「どの方式を、どんな時に選べばいいか」を 3 類型で整理します。",[18,21266,21268],{"id":21267},"なぜアップロードしないが業務の要件になるのか","なぜ「アップロードしない」が業務の要件になるのか",[26,21270,21272],{"id":21271},"_2025-年以降のデータ保護要件-個人情報保護法改正","2025 年以降のデータ保護要件 (個人情報保護法改正)",[11,21274,21275,21276,21279],{},"日本の個人情報保護法改正で、個人情報を取り扱う事業者の説明責任が強まりました。",[309,21277,21278],{},"顧客の個人情報が含まれるファイルを外部 SaaS にアップロードする","際、少なくとも利用規約・プライバシーポリシーの確認と社内ルールでの合意が求められるケースが増えています。",[26,21281,21283],{"id":21282},"nda-案件受託案件医療-士業での制約","NDA 案件・受託案件・医療 \u002F 士業での制約",[11,21285,21286,21287,21290],{},"受託案件の成果物・医療機関の診療データ・士業が扱う顧客情報は、そもそも",[309,21288,21289],{},"外部にアップロードしてはいけない契約","になっていることが多いです。この場合、ブラウザ内完結型またはローカルアプリ型しか選択肢がありません。",[18,21292,21294],{"id":21293},"ファイル処理ツールの-3-類型","ファイル処理ツールの 3 類型",[26,21296,21298],{"id":21297},"類型-a-アップロード型オンライン-saas","類型 A: アップロード型オンライン SaaS",[11,21300,21301],{},"ブラウザでアクセスしてファイルをアップロード、サーバー側で処理、結果をダウンロードする方式。",[303,21303,21304,21310,21316],{},[306,21305,21306,21309],{},[309,21307,21308],{},"強み",": 機能が豊富。UI が洗練されている。どの端末からでも同じ体験。",[306,21311,21312,21315],{},[309,21313,21314],{},"弱み",": 機密ファイルには使えない。通信遅延あり。",[306,21317,21318,21321],{},[309,21319,21320],{},"適する場面",": 公開済みの画像、共有して良いドキュメントの軽作業。",[26,21323,21325],{"id":21324},"類型-b-デスクトップアプリ","類型 B: デスクトップアプリ",[11,21327,21328],{},"PC にインストールして使うツール。商用アプリも OSS も含みます。",[303,21330,21331,21336,21341],{},[306,21332,21333,21335],{},[309,21334,21308],{},": ローカル完結で速い。機能が深い。複雑な処理に強い。",[306,21337,21338,21340],{},[309,21339,21314],{},": インストールと設定が必要。PC が変わると毎回セットアップ。",[306,21342,21343,21345],{},[309,21344,21320],{},": 日常的にヘビーユースする制作者・業務者。",[26,21347,21349],{"id":21348},"類型-c-ブラウザ内完結型-zerosend-が採用","類型 C: ブラウザ内完結型 (Zerosend が採用)",[11,21351,21352,21353,21356],{},"ブラウザでアクセスするが、ファイルはサーバーに送らず",[309,21354,21355],{},"ブラウザ内 JavaScript \u002F WebAssembly で処理","する方式。",[303,21358,21359,21364,21369],{},[306,21360,21361,21363],{},[309,21362,21308],{},": インストール不要。ローカル完結で送信ゼロ。すぐ使える。",[306,21365,21366,21368],{},[309,21367,21314],{},": 数 GB 級のファイルは苦手 (メモリ上限)。機能はアプリ型より浅い場合がある。",[306,21370,21371,21373],{},[309,21372,21320],{},": 機密ファイルを含む日常的な作業、受託案件、士業・医療の業務補助。",[18,21375,21377],{"id":21376},"類型別の強み弱み比較","類型別の強み・弱み比較",[31,21379,21380,21395],{},[34,21381,21382],{},[37,21383,21384,21386,21389,21392],{},[40,21385,1733],{},[40,21387,21388],{},"類型 A (SaaS)",[40,21390,21391],{},"類型 B (アプリ)",[40,21393,21394],{},"類型 C (ブラウザ内)",[53,21396,21397,21407,21419,21432,21446,21459,21471],{},[37,21398,21399,21401,21403,21405],{},[58,21400,1768],{},[58,21402,1495],{},[58,21404,2619],{},[58,21406,1495],{},[37,21408,21409,21412,21415,21417],{},[58,21410,21411],{},"ネットワーク送信",[58,21413,21414],{},"あり (本体)",[58,21416,1087],{},[58,21418,1087],{},[37,21420,21421,21424,21427,21430],{},[58,21422,21423],{},"複数端末利用",[58,21425,21426],{},"容易",[58,21428,21429],{},"端末ごと設定",[58,21431,21426],{},[37,21433,21434,21437,21440,21443],{},[58,21435,21436],{},"速度",[58,21438,21439],{},"通信待ちあり",[58,21441,21442],{},"最速",[58,21444,21445],{},"端末性能次第",[37,21447,21448,21451,21454,21457],{},[58,21449,21450],{},"機能の深さ",[58,21452,21453],{},"深い",[58,21455,21456],{},"最も深い",[58,21458,5895],{},[37,21460,21461,21464,21467,21469],{},[58,21462,21463],{},"機密データ適性",[58,21465,21466],{},"低",[58,21468,5909],{},[58,21470,5909],{},[37,21472,21473,21476,21478,21480],{},[58,21474,21475],{},"大容量対応",[58,21477,5909],{},[58,21479,5909],{},[58,21481,5895],{},[18,21483,21484],{"id":21484},"カテゴリ別の選び方",[26,21486,21488],{"id":21487},"画像-圧縮-形式変換","画像 (圧縮 \u002F 形式変換)",[11,21490,21491,21492],{},"日常的な画像圧縮・リサイズ・形式変換はブラウザ内完結型で十分です。Photoshop 級の高度なレタッチはデスクトップアプリ型に軍配。 → ",[288,21493,21494],{"href":437},"Zerosend 画像圧縮",[26,21496,21498],{"id":21497},"pdf-結合-分割-圧縮","PDF (結合 \u002F 分割 \u002F 圧縮)",[11,21500,21501,21502],{},"結合・分割・圧縮などの一般的な処理はブラウザ内完結型が機密データと両立しやすくおすすめです。高度な編集 (埋め込みフォント差し替えなど) はアプリ型が適しています。 → ",[288,21503,21504],{"href":619},"Zerosend PDF 結合",[26,21506,21508],{"id":21507},"動画-音声","動画 \u002F 音声",[11,21510,21511,21512],{},"短い動画の圧縮・形式変換・トリミングはブラウザ内完結型で実用範囲です。長尺動画 (30 分以上) や 4K 素材の編集はデスクトップアプリ型が現実的。 → ",[288,21513,21514],{"href":6962},"Zerosend 動画圧縮",[26,21516,21518],{"id":21517},"qr-コード","QR コード",[11,21520,21521,21522,21525,21526],{},"生成・読み取りどちらもブラウザ内完結型で十分です。QR コードに個人情報が乗るケースもあるため、",[309,21523,21524],{},"生成時に入力したテキストが送信されないこと","は重要な要件です。 → ",[288,21527,21528],{"href":3271},"Zerosend QR 生成",[26,21530,8181],{"id":8181},[11,21532,21533,21534],{},"1 枚のロゴから一式を生成するタイプ。NDA 下の未公開ロゴ作成ではブラウザ内完結型が最適です。 → ",[288,21535,21536],{"href":8052},"Zerosend ファビコン生成",[18,21538,21539],{"id":21539},"自分の要件で判定するフローチャート",[340,21541,21542,21548,21554,21560],{},[306,21543,21544,21547],{},[309,21545,21546],{},"機密度が高い"," (顧客情報 \u002F 未公開素材 \u002F 医療データ) → 類型 B or C",[306,21549,21550,21553],{},[309,21551,21552],{},"複数端末・出先でも使いたい"," → 類型 C",[306,21555,21556,21559],{},[309,21557,21558],{},"数 GB の動画 \u002F 複雑な編集"," → 類型 B",[306,21561,21562,21565],{},[309,21563,21564],{},"軽作業のみ + 公開済みデータ"," → 類型 A でも可",[18,21567,21569],{"id":21568},"アップロードしていないの検証方法","「アップロードしていない」の検証方法",[11,21571,21572],{},"ブラウザ内完結型と主張しているツールが本当に送っていないかは、30 秒で検証できます。",[340,21574,21575,21578,21581,21584],{},[306,21576,21577],{},"ブラウザの DevTools を開く (右クリック → 検証)",[306,21579,21580],{},"Network タブに切り替え、「Preserve log」を有効化",[306,21582,21583],{},"ツールを実際に使ってファイルを処理してみる",[306,21585,21586,21587,21590],{},"表示される通信が CDN・解析・広告程度で、",[309,21588,21589],{},"処理対象ファイルを含むリクエストがない","ことを確認",[18,21592,444],{"id":444},[11,21594,21595,21596,21598],{},"ファイル処理ツールは「送るか送らないか」で選ぶ時代です。業務の機密度・使用頻度・扱うファイルサイズで 3 類型を使い分けるのが実務的です。日常的な軽作業かつ機密度が高い範囲では、",[309,21597,18575],{}," (Zerosend など) が最もバランスの良い選択肢です。",[11,21600,17955,21601,1232,21604],{},[288,21602,21603],{"href":17962},"プライバシー重視のオンラインツール (ピラー)",[288,21605,21606],{"href":17997},"ブラウザ内でファイル処理はどこまでできるか",{"title":480,"searchDepth":481,"depth":481,"links":21608},[21609,21613,21618,21619,21626,21627,21628],{"id":21267,"depth":481,"text":21268,"children":21610},[21611,21612],{"id":21271,"depth":486,"text":21272},{"id":21282,"depth":486,"text":21283},{"id":21293,"depth":481,"text":21294,"children":21614},[21615,21616,21617],{"id":21297,"depth":486,"text":21298},{"id":21324,"depth":486,"text":21325},{"id":21348,"depth":486,"text":21349},{"id":21376,"depth":481,"text":21377},{"id":21484,"depth":481,"text":21484,"children":21620},[21621,21622,21623,21624,21625],{"id":21487,"depth":486,"text":21488},{"id":21497,"depth":486,"text":21498},{"id":21507,"depth":486,"text":21508},{"id":21517,"depth":486,"text":21518},{"id":8181,"depth":486,"text":8181},{"id":21539,"depth":481,"text":21539},{"id":21568,"depth":481,"text":21569},{"id":444,"depth":481,"text":444},"guide","ファイルをサーバーに預けずに処理したい時、どの方式を選ぶか。アップロード型・デスクトップ型・ブラウザ内完結型の 3 類型を、業務要件・UX・対応形式の観点で比較し、用途別の選び方を解説します。",{},"\u002Fblog\u002Fprivacy-tools-comparison",{"title":21259,"description":21630},"privacy-tools-comparison","blog\u002Fprivacy-tools-comparison",[766,3132],"1u9MtR913FhIDCsCr-3EkjysE71wSOjGODw-WNT3_Yw",{"id":21639,"title":21640,"author":6,"body":21641,"category":497,"coverImage":497,"description":21708,"draft":499,"extension":500,"locale":501,"meta":21709,"navigation":503,"noindex":503,"path":21710,"publishedAt":17998,"seo":21711,"slug":21712,"stem":21713,"tags":21714,"updatedAt":17998,"__hash__":21716},"blog\u002Fblog\u002Fwelcome.md","Zerosend ブログを始めます",{"type":8,"value":21642,"toc":21702},[21643,21646,21649,21652,21655,21675,21678,21694,21696],[18,21644,21645],{"id":21645},"はじめに",[11,21647,21648],{},"Zerosend の公式ブログを開始します。このブログでは、プライバシーファーストな Web ツールを作る中で得た知見、ブラウザ内処理の技術、そしてデータを「送らない」という選択についての考察を記録していきます。",[18,21650,21651],{"id":21651},"扱うテーマ",[11,21653,21654],{},"主に次のテーマを扱います。",[303,21656,21657,21663,21669],{},[306,21658,21659,21662],{},[309,21660,21661],{},"ブラウザ内処理の技術",": WebAssembly、Web Worker、Canvas API、File System Access API の実用例",[306,21664,21665,21668],{},[309,21666,21667],{},"プライバシー設計",": CSP、アップロード不要のアーキテクチャ、Network タブで検証できる実装",[306,21670,21671,21674],{},[309,21672,21673],{},"各ツールの舞台裏",": 画像圧縮 \u002F PDF 編集 \u002F 動画変換 \u002F ファビコン生成などの内部実装",[18,21676,21677],{"id":21677},"更新頻度",[11,21679,21680,21681,21684,21685,1232,21689,21693],{},"不定期ですが、ツールの追加・改善に合わせて更新します。記事の一覧は ",[288,21682,21683],{"href":21683},"\u002Fblog"," から、または ",[288,21686,21688],{"href":21687},"\u002Fblog\u002Ffeed.xml","RSS",[288,21690,21692],{"href":21691},"\u002Fblog\u002Ffeed.json","JSON Feed"," で購読できます。",[18,21695,444],{"id":444},[11,21697,21698,21699,21701],{},"まずはこの 1 本から。引き続き ",[288,21700,20067],{"href":2449}," のツール群もよろしくお願いします。",{"title":480,"searchDepth":481,"depth":481,"links":21703},[21704,21705,21706,21707],{"id":21645,"depth":481,"text":21645},{"id":21651,"depth":481,"text":21651},{"id":21677,"depth":481,"text":21677},{"id":444,"depth":481,"text":444},"ブラウザ内で完結するプライバシーファーストなオンラインツールを配信する Zerosend の公式ブログを開始します。扱うテーマと更新頻度について説明します。",{},"\u002Fblog\u002Fwelcome",{"title":21640,"description":21708},"welcome","blog\u002Fwelcome",[21715],"お知らせ","qWeGVg9xXJwmBE_vTgt8kwzVFyh4hc5kXl0dsfTAuew",{"id":21718,"title":17959,"author":6,"body":21719,"category":497,"coverImage":497,"description":21944,"draft":499,"extension":500,"locale":501,"meta":21945,"navigation":503,"noindex":499,"path":17958,"publishedAt":17998,"seo":21946,"slug":21947,"stem":21948,"tags":21949,"updatedAt":17998,"__hash__":21951},"blog\u002Fblog\u002Fwhy-browser-only.md",{"type":8,"value":21720,"toc":21934},[21721,21725,21728,21735,21738,21741,21767,21770,21773,21776,21802,21805,21809,21812,21839,21846,21849,21852,21871,21874,21876,21882,21887,21893,21895,21900,21902,21905,21927],[18,21722,21724],{"id":21723},"なぜ送らないのか","なぜ「送らない」のか",[11,21726,21727],{},"オンラインツールの多くはファイルをサーバーに送信して処理します。利便性は高いものの、ユーザーは自分のファイルがサーバー上でどう扱われるかを自分の目で確認できません。",[11,21729,21730,21731,21734],{},"Zerosend の設計原則はシンプルです。",[309,21732,21733],{},"「送らないのが一番確実」","。ファイルを外に出さなければ、ログも、漏洩も、第三者共有も原理的に存在しません。",[18,21736,21737],{"id":21737},"アップロード型ツールのリスク",[11,21739,21740],{},"「処理後に即削除」と書かれているツールを見かけますが、これを利用者側から検証する手段はほぼありません。サービス側のサーバーに一時的にでもファイルが到達する以上、次のようなリスクが残ります。",[303,21742,21743,21749,21755,21761],{},[306,21744,21745,21748],{},[309,21746,21747],{},"ログへの記録",": アクセスログにファイル名やメタデータが残る",[306,21750,21751,21754],{},[309,21752,21753],{},"従業員によるアクセス",": 内部ポリシーによってはサポート担当者などが参照できる",[306,21756,21757,21760],{},[309,21758,21759],{},"セキュリティインシデント",": サーバーが侵害された場合、処理待ちや一時保存中のファイルが漏洩する",[306,21762,21763,21766],{},[309,21764,21765],{},"利用規約の抜け穴",": AI 学習や品質改善目的での利用を広く許可していても、ユーザーは気付きにくい",[11,21768,21769],{},"業務文書・医療情報・個人の写真など、機密性の高いファイルを扱う場面では、この問題が深刻です。",[18,21771,21772],{"id":21772},"ブラウザ内処理で何ができるか",[11,21774,21775],{},"現代のブラウザは、かつてネイティブアプリが担っていた処理の多くを実行できます。",[303,21777,21778,21781,21784,21791],{},[306,21779,21780],{},"Canvas API による画像圧縮・リサイズ・形式変換",[306,21782,21783],{},"WebAssembly + ffmpeg による動画・音声の変換",[306,21785,21786,1232,21788,21790],{},[283,21787,10515],{},[283,21789,15473],{}," による PDF の結合・分割・ラスタライズ",[306,21792,21793,1232,21796,1232,21798,21801],{},[283,21794,21795],{},"File System Access API",[283,21797,20694],{},[283,21799,21800],{},"URL.createObjectURL"," を介したダウンロード",[11,21803,21804],{},"これらは全てクライアントサイドで完結します。インストール不要でブラウザを開くだけで使えるため、作業環境を選びません。",[18,21806,21808],{"id":21807},"devtools-で自分の目で確認する方法","DevTools で自分の目で確認する方法",[11,21810,21811],{},"「送っていません」という主張は、ユーザーが自分で確認できなければ信用するしかありません。Zerosend はブラウザ標準の DevTools で検証できる形にしています。",[340,21813,21814,21820,21825,21831,21836],{},[306,21815,21816,21819],{},[309,21817,21818],{},"F12 キーを押す"," (Mac は Cmd+Option+I) — DevTools が開く",[306,21821,21822],{},[309,21823,21824],{},"「Network」タブを選ぶ",[306,21826,21827,21830],{},[309,21828,21829],{},"「Fetch\u002FXHR」フィルターをオンにする"," — API 通信だけを絞り込む",[306,21832,21833],{},[309,21834,21835],{},"ツールにファイルをドロップして処理する",[306,21837,21838],{},"リストに表示される通信を確認。処理中に外部へのリクエストが起きないことを目視できる",[11,21840,21841,21842,21845],{},"CDN や解析スクリプトへの最小限の通信は残りますが、",[309,21843,21844],{},"処理対象のファイル自体が HTTP リクエストのボディに乗らない","ことは目視で確認できます。",[18,21847,21848],{"id":21848},"制約もある",[11,21850,21851],{},"ブラウザ内処理は万能ではありません。",[303,21853,21854,21859,21865],{},[306,21855,21856,21858],{},[309,21857,598],{},": メモリに載る範囲で処理する必要がある",[306,21860,21861,21864],{},[309,21862,21863],{},"初回ロードが重い",": ffmpeg.wasm は約 30MB の WASM を取得する",[306,21866,21867,21870],{},[309,21868,21869],{},"複雑な処理はサーバーが速い",": 大規模な機械学習推論はまだブラウザには重い",[11,21872,21873],{},"Zerosend は「日常的な軽作業をブラウザで完結させる」範囲に絞ることで、この制約の中で価値を出しています。",[18,21875,410],{"id":410},[11,21877,21878,21881],{},[309,21879,21880],{},"Q. ブラウザ内処理でも履歴は残りますか？","\nA. ファイルデータはサーバーに送られません。ブラウザの閲覧履歴にはアクセスしたページの URL が残りますが、どの Web サービスでも同様です。ファイルの内容はブラウザのメモリ上で処理され、ページを閉じれば消えます。",[11,21883,21884,21886],{},[309,21885,7630],{},"\nA. 画像系ツールはページ読み込み後ならオフラインでも動作します。ffmpeg.wasm を使う動画・音声系ツールは初回の WASM 取得にネットワークが必要ですが、取得後はオフラインで処理できます。",[11,21888,21889,21892],{},[309,21890,21891],{},"Q. スマートフォンでも動きますか？","\nA. Safari (iOS) \u002F Chrome (Android) の最新版で動作します。大きなファイルはスマートフォンのメモリ制限に引っかかる場合があります。",[18,21894,444],{"id":444},[11,21896,21897,21898,11103],{},"「送らない」は、透明性と検証可能性をユーザーに返す設計です。詳しい技術背景は ",[288,21899,17963],{"href":17962},[18,21901,13643],{"id":13643},[11,21903,21904],{},"Zerosend では画像・動画・音声・PDF の処理をすべてブラウザ内で完結するツールを提供しています。",[303,21906,21907,21912,21917,21922],{},[306,21908,21909,21911],{},[288,21910,11596],{"href":437}," — 写真や画像をサーバーに送らず軽量化",[306,21913,21914,21916],{},[288,21915,13662],{"href":3936}," — 会議録画や旅行動画を安全にカット",[306,21918,21919,21921],{},[288,21920,15168],{"href":619}," — 機密文書を手元だけで結合",[306,21923,21924,21926],{},[288,21925,16573],{"href":1679}," — スキャン結果もローカル処理",[11,21928,21929,21930,21933],{},"全ツール一覧は ",[288,21931,21932],{"href":2449},"トップページ"," で確認できます。",{"title":480,"searchDepth":481,"depth":481,"links":21935},[21936,21937,21938,21939,21940,21941,21942,21943],{"id":21723,"depth":481,"text":21724},{"id":21737,"depth":481,"text":21737},{"id":21772,"depth":481,"text":21772},{"id":21807,"depth":481,"text":21808},{"id":21848,"depth":481,"text":21848},{"id":410,"depth":481,"text":410},{"id":444,"depth":481,"text":444},{"id":13643,"depth":481,"text":13643},"ファイルをサーバーにアップロードしない設計を選んだ理由と、ブラウザ内処理の利点・制約を整理します。DevTools の Network タブで自ら検証できる透明性について書きました。",{},{"title":17959,"description":21944},"why-browser-only","blog\u002Fwhy-browser-only",[766,21950],"設計","tlDh92SJcdqfwID_vZe6xWmz2EJFDwYIL0qkVDzZZvk",1785423851646]