https://zerosend.site/blog プライバシーファーストなオンラインツールと、ブラウザ内処理にまつわる技術・思想の記録。 ja Sun, 07 Jun 2026 00:05:23 GMT https://zerosend.site/blog/video-format-mp4-webm-mov https://zerosend.site/blog/video-format-mp4-webm-mov Wed, 03 Jun 2026 00:00:00 GMT MP4・WebM・MOVの違いを比較し、用途別の使い分けと変換方法を解説。ブラウザだけで完結する無料ツールの使い方も紹介します。 "]," タグでの利用が典型的なユースケースであり、",["a",{"href":"https://developer.mozilla.org/ja/docs/Web/Media/Formats/Containers#webm","rel":["nofollow"]},"MDNのWebM解説"],"に詳しい情報がある。ただし、QuickTimeやWindows Media Playerなどデスクトップアプリでは再生できないケースがある。"],["h3",{"id":"movmov"},"MOV（.mov）"],["p",{},"AppleのQuickTimeが定めたコンテナ形式。macOSやiPhoneでの録画・編集には標準的に使われる。Final Cut ProやiMovieとの親和性が高く、プロの映像制作現場でも利用される。一方、Windowsの標準環境ではコーデックを別途インストールしないと再生できないことがあり、配布・共有には不向きな場合がある。"],["h3",{"id":"_3形式の比較表"},"3形式の比較表"],["table",{},["thead",{},["tr",{},["th",{},"項目"],["th",{},"MP4"],["th",{},"WebM"],["th",{},"MOV"]]],["tbody",{},["tr",{},["td",{},"主な用途"],["td",{},"汎用・SNS・メール添付"],["td",{},"Web配信・HTML5動画"],["td",{},"Apple製品・映像編集"]],["tr",{},["td",{},"ブラウザ再生"],["td",{},"◎ 全主要ブラウザ対応"],["td",{},"○ Chrome・Firefox等"],["td",{},"△ Safari中心"]],["tr",{},["td",{},"Windows再生"],["td",{},"◎"],["td",{},"△"],["td",{},"△"]],["tr",{},["td",{},"macOS再生"],["td",{},"◎"],["td",{},"○"],["td",{},"◎"]],["tr",{},["td",{},"ファイルサイズ"],["td",{},"中"],["td",{},"小〜中"],["td",{},"中〜大"]],["tr",{},["td",{},"品質"],["td",{},"高"],["td",{},"高"],["td",{},"高"]],["tr",{},["td",{},"ライセンス"],["td",{},"特許あり"],["td",{},"完全オープン"],["td",{},"Apple独自"]]]],["hr",{}],["h2",{"id":"用途別の使い分け"},"用途別の使い分け"],["p",{},"用途に応じて形式を選ぶ判断基準を示す。"],["p",{},["strong",{},"SNSへの投稿・メール添付"],"：MP4一択。YouTube・Instagram・X（旧Twitter）はいずれもMP4を推奨しており、H.264コーデックとの組み合わせが最も互換性が高い。"],["p",{},["strong",{},"Webサイトへの埋め込み"],"：WebMを優先し、非対応ブラウザ向けのフォールバックとしてMP4も用意するのが定石。",["code",{},""]," タグで複数形式を指定することで、ブラウザが対応形式を自動選択する。",["a",{"href":"https://www.w3.org/TR/html52/semantics-embedded-content.html#the-source-element","rel":["nofollow"]},"W3Cのメディアタイプ仕様"],"も参考になる。"],["p",{},["strong",{},"Apple製品での編集・保存"],"：MOVのまま扱うのが効率的。ただし他者に共有する段階でMP4に変換するのが無難。"],["p",{},["strong",{},"長期保存・アーカイブ"],"：MP4（H.264）が最も再生環境を選ばない。H.265は圧縮率が高いが、再生できない古い機器もある点に注意。"],["hr",{}],["h2",{"id":"主要ツールの比較形式変換をどこで行うか"},"主要ツールの比較：形式変換をどこで行うか"],["p",{},"動画の形式変換ツールはいくつかのカテゴリに分かれる。"],["table",{},["thead",{},["tr",{},["th",{},"ツール"],["th",{},"処理場所"],["th",{},"費用"],["th",{},"ファイルサイズ上限"],["th",{},"プライバシー"]]],["tbody",{},["tr",{},["td",{},"Handbrake（デスクトップ）"],["td",{},"ローカル"],["td",{},"無料"],["td",{},"制限なし"],["td",{},"◎ サーバー送信なし"]],["tr",{},["td",{},"ffmpeg（CLI）"],["td",{},"ローカル"],["td",{},"無料"],["td",{},"制限なし"],["td",{},"◎ サーバー送信なし"]],["tr",{},["td",{},"Cloudconvert"],["td",{},"サーバー"],["td",{},"無料枠あり"],["td",{},"1GB（無料枠）"],["td",{},"△ サーバー処理"]],["tr",{},["td",{},"Convertio"],["td",{},"サーバー"],["td",{},"無料枠あり"],["td",{},"100MB（無料枠）"],["td",{},"△ サーバー処理"]],["tr",{},["td",{},["a",{"href":"https://zerosend.site/tools/video-convert","rel":["nofollow"]},"動画形式変換ツール"],"（zerosend）"],["td",{},"ブラウザ内"],["td",{},"完全無料"],["td",{},"ブラウザ依存"],["td",{},"◎ サーバー送信なし"]]]],["p",{},"Cloudconvertや同種のオンラインサービスは手軽だが、ファイルがサーバーにアップロードされる。社内資料・個人情報が含まれる動画を扱う場合、このリスクは無視できない。"],["hr",{}],["h2",{"id":"ブラウザだけで変換する方法zerosendの使い方"},"ブラウザだけで変換する方法：zerosendの使い方"],["p",{},"zerosendの",["a",{"href":"https://zerosend.site/tools/video-convert","rel":["nofollow"]},"動画形式変換ツール"],"は、ffmpeg.wasmをブラウザ内で実行することでサーバーへのファイル送信を行わずに変換処理を完結させている。DevToolsのNetworkタブを開いた状態で変換を実行しても、動画ファイルがサーバーに送信されないことを自分で確認できる。"],["p",{},["strong",{},"操作手順"]],["ol",{},["li",{},["a",{"href":"https://zerosend.site/tools/video-convert","rel":["nofollow"]},"動画形式変換ツール"],"をブラウザで開く"],["li",{},"変換したいファイル（MP4・MOV・WebM・AVI等）をドラッグ＆ドロップ、またはクリックして選択する"],["li",{},"出力形式（MP4・WebM・MOV等）を選択する"],["li",{},"「変換」ボタンをクリックし、処理完了後にファイルをダウンロードする"]],["p",{},"初回はffmpeg.wasmの読み込みに数秒かかるが、以降はService Workerによってキャッシュされるため、オフライン環境でも動作する。アカウント登録・インストール不要で即座に使い始められる。"],["p",{},["img",{"alt":"スクショ: zerosendの動画変換画面（ファイル選択後、形式選択ドロップダウンが表示されている状態）","src":"TODO-screenshot"}]],["hr",{}],["h2",{"id":"変換時によくある失敗と対処法"},"変換時によくある失敗と対処法"],["p",{},["strong",{},"音声が消える"],"：出力形式とコーデックの組み合わせが不適切な場合に起きる。特にWebM変換時はVorbisまたはOpusが対応コーデックであり、AACはそのままでは使えない。ツール側で自動変換される場合も多いが、無音になった場合は別の変換オプションを試す。"],["p",{},["strong",{},"ファイルサイズが想定より大きい"],"：MOV→MP4変換では、コーデック変換（トランスコード）が伴う場合とコンテナの切り替えだけで済む場合（ストリームコピー）がある。品質設定が高すぎると元ファイルより大きくなることがある。CRF値や品質スライダーを調整する。"],["p",{},["strong",{},"変換が遅い"],"：ブラウザ内処理はCPUに依存する。長尺・高解像度の動画は数分かかることがある。タブをアクティブのまま待機するとJavaScriptのスロットリングを避けられる。"],["hr",{}],["h2",{"id":"まとめ"},"まとめ"],["ul",{},["li",{},["strong",{},"MP4"],"は最も汎用性が高く、用途が不明な場合の第一選択肢"],["li",{},["strong",{},"WebM"],"はWeb配信・HTML5動画向けで、ライセンスフリーのオープン形式"],["li",{},["strong",{},"MOV"],"はAppleエコシステムでの編集に最適だが、配布にはMP4変換を検討する"],["li",{},"機密性の高いファイルを変換する場合は、サーバーへのアップロードが発生しないローカル処理ツールを選ぶ"],["li",{},"ブラウザ完結で手軽にすませるなら",["a",{"href":"https://zerosend.site/tools/video-convert","rel":["nofollow"]},"動画形式変換ツール"],"が選択肢の一つになる"]],["p",{},"形式の特性を理解した上で目的に合ったツールを選べば、変換ミスや互換性の問題を大幅に減らせる。"]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"mp4webmmovの基本的な違い","depth":2,"text":"MP4・WebM・MOVの基本的な違い","children":[{"id":"mp4mp4","depth":3,"text":"MP4（.mp4）"},{"id":"webmwebm","depth":3,"text":"WebM（.webm）"},{"id":"movmov","depth":3,"text":"MOV（.mov）"},{"id":"_3形式の比較表","depth":3,"text":"3形式の比較表"}]},{"id":"用途別の使い分け","depth":2,"text":"用途別の使い分け"},{"id":"主要ツールの比較形式変換をどこで行うか","depth":2,"text":"主要ツールの比較：形式変換をどこで行うか"},{"id":"ブラウザだけで変換する方法zerosendの使い方","depth":2,"text":"ブラウザだけで変換する方法：zerosendの使い方"},{"id":"変換時によくある失敗と対処法","depth":2,"text":"変換時によくある失敗と対処法"},{"id":"まとめ","depth":2,"text":"まとめ"}]}}]]> 動画 変換 Web制作 技術解説 https://zerosend.site/blog/mp3-cut-trim-online https://zerosend.site/blog/mp3-cut-trim-online Tue, 02 Jun 2026 00:00:00 GMT MP3のカット・トリミングをオンラインで無料で行う方法を解説。サーバーに送信しないブラウザ内処理ツールの使い方や注意点も紹介。 音声 トリミング プライバシー ブラウザ https://zerosend.site/blog/audio-format-mp3-aac-comparison https://zerosend.site/blog/audio-format-mp3-aac-comparison Mon, 01 Jun 2026 00:00:00 GMT MP3・AAC・WAVの音質・ファイルサイズ・用途の違いを解説。ブラウザだけで完結する無料の音声形式変換ツールを使った実践手順も紹介。 音声 変換 比較 プライバシー https://zerosend.site/blog/video-compress-zoom-recording https://zerosend.site/blog/video-compress-zoom-recording Sun, 31 May 2026 00:00:00 GMT Zoom録画の動画ファイルが大きくて共有できない悩みを解決。ブラウザだけで完結する無料の圧縮方法と、安全にファイルを扱うためのポイントを解説します。 動画 圧縮 業務 プライバシー https://zerosend.site/blog/image-to-pdf-word-presentation https://zerosend.site/blog/image-to-pdf-word-presentation Sat, 30 May 2026 00:00:00 GMT JPEGやPNGなど複数の画像ファイルをまとめてPDFに変換する方法を解説。ブラウザだけで完結するツールの使い方から、ページ順・画質の注意点まで実践的にまとめた。 画像 変換 業務 プライバシー https://zerosend.site/blog/pdf-split-extract-page https://zerosend.site/blog/pdf-split-extract-page Fri, 29 May 2026 00:00:00 GMT PDFから特定ページだけを抜き出したい場面で使える方法を解説。インストール不要・登録不要・サーバー送信なしのブラウザ完結ツールも紹介。 分割 プライバシー 業務 ツール https://zerosend.site/blog/favicon-svg-png-ico-guide https://zerosend.site/blog/favicon-svg-png-ico-guide Thu, 28 May 2026 00:00:00 GMT ファビコンの形式（SVG・PNG・ICO）ごとの違いと、ブラウザ対応・設定方法をWeb担当者向けに解説。ブラウザ内完結の無料ツールも紹介。 "]," のように ",["code",{},"sizes"]," 属性を明示することで、ブラウザが適切な解像度を選択できる。"],["h3",{"id":"svg形式将来に向けたスケーラブルな選択"},"SVG形式：将来に向けた「スケーラブル」な選択"],["p",{},"SVGはXMLベースのベクター形式で、どんな解像度でも劣化しない。ChromeやFirefox、Edgeはすでに ",["code",{},"rel=\"icon\""]," でのSVGを正式サポートしており、",["code",{},""]," と記述するだけで有効化できる（",["a",{"href":"https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/rel#icon","rel":["nofollow"]},"MDN: rel=icon"],"）。"],["p",{},"ただし",["strong",{},"SafariはSVGファビコンに対応していない"],"（2025年時点）。そのため現時点でSVGだけに依存するのはリスクがあり、ICOやPNGとの併用が推奨される。"],["p",{},"また、SVGにはダークモード対応という強みもある。CSSの ",["code",{},"prefers-color-scheme"]," メディアクエリをSVG内に埋め込むことで、OSのダークモード設定に応じてアイコンの色を自動切替できる。"],["hr",{}],["h2",{"id":"推奨される現実的な設定パターン"},"推奨される現実的な設定パターン"],["p",{},"形式ごとの特性を踏まえると、現代のWebサイトに最低限必要なファビコン構成は以下のとおりだ。"],["pre",{"className":"language-html shiki shiki-themes github-light github-dark","code":"\n\n\n\n\n\n\n\n\n\n\n\n","language":"html","meta":"","style":""},["code",{"__ignoreMap":""},["span",{"class":"line","line":1},["span",{"class":"sJ8bj"},"\n"]],["span",{"class":"line","line":2},["span",{"class":"sJ8bj"},"\n"]],["span",{"class":"line","line":3},["span",{"emptyLinePlaceholder":true},"\n"]],["span",{"class":"line","line":4},["span",{"class":"sJ8bj"},"\n"]],["span",{"class":"line","line":5},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"link"],["span",{"class":"sScJk"}," rel"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"icon\""],["span",{"class":"sScJk"}," type"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"image/png\""],["span",{"class":"sScJk"}," sizes"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"32x32\""],["span",{"class":"sScJk"}," href"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"/favicon-32x32.png\""],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":6},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"link"],["span",{"class":"sScJk"}," rel"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"apple-touch-icon\""],["span",{"class":"sScJk"}," sizes"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"180x180\""],["span",{"class":"sScJk"}," href"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"/apple-touch-icon.png\""],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":7},["span",{"emptyLinePlaceholder":true},"\n"]],["span",{"class":"line","line":8},["span",{"class":"sJ8bj"},"\n"]],["span",{"class":"line","line":9},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"link"],["span",{"class":"sScJk"}," rel"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"icon\""],["span",{"class":"sScJk"}," type"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"image/svg+xml\""],["span",{"class":"sScJk"}," href"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"/favicon.svg\""],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":10},["span",{"emptyLinePlaceholder":true},"\n"]],["span",{"class":"line","line":11},["span",{"class":"sJ8bj"},"\n"]],["span",{"class":"line","line":12},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"link"],["span",{"class":"sScJk"}," rel"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"manifest\""],["span",{"class":"sScJk"}," href"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"/site.webmanifest\""],["span",{"class":"sVt8B"},">\n"]]]],["p",{},["code",{},"site.webmanifest"]," の ",["code",{},"icons"]," 配列に192×192と512×512のPNGを登録しておくと、Androidホーム画面への追加やPWAインストール時に適切なアイコンが表示される（",["a",{"href":"https://www.w3.org/TR/appmanifest/#icons-member","rel":["nofollow"]},"Web App Manifest仕様 - W3C"],"）。"],["p",{},"ポイントは「SVGを優先しつつICOとPNGを保険として残す」構成にすることだ。ブラウザは ",["code",{},""]," タグを上から評価し、サポートしている形式を自動で選ぶため、複数形式を並べても問題ない。"],["p",{},["img",{"alt":"スクショ: ブラウザのタブにファビコンが表示されているようす","src":"TODO-screenshot"}]],["hr",{}],["h2",{"id":"実際にファビコンを用意する方法"},"実際にファビコンを用意する方法"],["h3",{"id":"手順1元画像を用意する"},"手順1：元画像を用意する"],["p",{},"最低でも512×512px以上の正方形画像（PNGまたはSVG）を用意する。これを元に各サイズへリサイズ・変換する。ロゴや既存のアイコン素材をそのまま使うことが多い。"],["h3",{"id":"手順2必要なサイズ形式に変換する"},"手順2：必要なサイズ・形式に変換する"],["p",{},"複数サイズのICO、各種PNG、SVGを手作業で揃えるのは手間がかかる。オンラインツールを使うのが現実的で、代表的なものに ",["strong",{},"RealFaviconGenerator"]," や ",["strong",{},"Favicon.io"]," がある。どちらも無料で使えるが、アップロードした画像がサーバーに送信・保存される点は留意が必要だ。"],["p",{},"プライバシーを重視する場合、または社内ロゴや非公開素材を扱う場合は、ファイルがサーバーへ送信されないツールが安心だ。",["a",{"href":"https://zerosend.site/tools/favicon-generator","rel":["nofollow"]},"ファビコン生成ツール"]," はブラウザ内だけで処理が完結し、アップロードした画像が外部サーバーに送信されない設計になっている。ICO・PNG・SVGの各形式を一括で出力できるため、上記の推奨構成を一度に揃えられる。"],["p",{},["img",{"alt":"スクショ: ファビコン生成ツールの操作画面","src":"TODO-screenshot"}]],["h3",{"id":"手順3ファイルを配置してhtmlに記述する"},"手順3：ファイルを配置してHTMLに記述する"],["p",{},"生成したファイルをWebサーバーのルートディレクトリ（または任意のパス）に配置し、前節で示した ",["code",{},""]," タグを ",["code",{},""]," 内に記述すれば完了だ。"],["p",{},"配置後は複数のブラウザとデバイスで表示を確認する。Chromeの開発者ツール（DevTools）のApplicationタブにある「Manifest」セクションでPWA用アイコンの認識状況も確認できる。"],["hr",{}],["h2",{"id":"よくある失敗と注意点"},"よくある失敗と注意点"],["p",{},["strong",{},"キャッシュが残って更新されない"],"：ファビコンはブラウザに強くキャッシュされる。変更後に反映されない場合は、ファイル名にバージョン番号やクエリパラメータを付与するか、スーパーリロード（Ctrl+Shift+R）で確認する。"],["p",{},["strong",{},"サイズ指定を省略する"],"：",["code",{},"sizes"]," 属性を省略すると、ブラウザが適切なファビコンを選択できず、低解像度のアイコンが拡大表示される場合がある。必ず ",["code",{},"sizes=\"32x32\""]," のように明示する。"],["p",{},["strong",{},"ICOファイルを省略する"],"：古いブラウザや一部のRSSリーダー、ブックマーク管理ツールはICOしか認識しない。",["code",{},"favicon.ico"]," をルートに置くことで余計なトラブルを防げる。"],["p",{},["strong",{},"apple-touch-icon を忘れる"],"：iOSでホーム画面に追加した際に使われるアイコンは ",["code",{},"apple-touch-icon"]," で指定する。これを省略すると、iOSがサイトのスクリーンショットをアイコン代わりに使うため、見栄えが悪くなる。"],["hr",{}],["h2",{"id":"まとめ"},"まとめ"],["p",{},"ファビコンの形式選びは「どれか一つを選ぶ」問題ではなく、",["strong",{},"それぞれの形式の役割を理解して組み合わせる"],"ことがポイントだ。"],["ul",{},["li",{},["strong",{},"ICO"],"：後方互換のためルートに置く"],["li",{},["strong",{},"PNG"],"：現在の主力。32×32、180×180、192×192、512×512を用意"],["li",{},["strong",{},"SVG"],"：ダークモード対応と将来の主流候補。現時点はPNG・ICOと併用"]],["p",{},"各形式を手動で揃えるのが面倒な場合は、ブラウザ内で完結する ",["a",{"href":"https://zerosend.site/tools/favicon-generator","rel":["nofollow"]},"ファビコン生成ツール"]," のようなツールを活用して一括生成するのが効率的だ。形式の組み合わせと ",["code",{},""]," タグの記述を正しく設定すれば、あらゆるデバイス・ブラウザで意図通りのファビコンが表示される。"],["style",{},"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);}"]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"ファビコンとは何かなぜ形式選びが重要なのか","depth":2,"text":"ファビコンとは何か、なぜ形式選びが重要なのか"},{"id":"icopngsvg-それぞれの違い","depth":2,"text":"ICO・PNG・SVG それぞれの違い","children":[{"id":"ico形式後方互換性のための保険","depth":3,"text":"ICO形式：後方互換性のための「保険」"},{"id":"png形式現在の主流","depth":3,"text":"PNG形式：現在の主流"},{"id":"svg形式将来に向けたスケーラブルな選択","depth":3,"text":"SVG形式：将来に向けた「スケーラブル」な選択"}]},{"id":"推奨される現実的な設定パターン","depth":2,"text":"推奨される現実的な設定パターン"},{"id":"実際にファビコンを用意する方法","depth":2,"text":"実際にファビコンを用意する方法","children":[{"id":"手順1元画像を用意する","depth":3,"text":"手順1：元画像を用意する"},{"id":"手順2必要なサイズ形式に変換する","depth":3,"text":"手順2：必要なサイズ・形式に変換する"},{"id":"手順3ファイルを配置してhtmlに記述する","depth":3,"text":"手順3：ファイルを配置してHTMLに記述する"}]},{"id":"よくある失敗と注意点","depth":2,"text":"よくある失敗と注意点"},{"id":"まとめ","depth":2,"text":"まとめ"}]}}]]> ファビコン Web制作 SEO 技術解説 https://zerosend.site/blog/qr-code-wifi-share https://zerosend.site/blog/qr-code-wifi-share Wed, 27 May 2026 00:00:00 GMT QRコードを使ってWiFiパスワードをスマートに共有する手順を解説。カフェ・オフィス・自宅でも使えるブラウザ完結の無料ツールも紹介。 ツール ブラウザ プライバシー 業務 https://zerosend.site/blog/heic-what-is-how-to-open https://zerosend.site/blog/heic-what-is-how-to-open Sat, 23 May 2026 00:00:00 GMT iPhoneで撮影したHEICファイルが開けない理由と、Windows・Macでの対処法を解説。ブラウザだけで完結するJPG変換方法も紹介します。 画像 変換 プライバシー 技術解説 https://zerosend.site/blog/gif-vs-video-web-usage https://zerosend.site/blog/gif-vs-video-web-usage Fri, 22 May 2026 00:00:00 GMT GIFと動画（MP4など）の技術的な違いを整理し、ウェブサイトやSNSでの最適な使い分け方を解説。変換方法やパフォーマンスへの影響も紹介。 "]," タグで直接埋め込める（JavaScriptや追加APIが不要）"],["li",{},"自動再生・ループが多くのメール・チャットツールで標準対応している"]],["h3",{"id":"動画フォーマットmp4webmとの差異"},"動画フォーマット（MP4・WebM）との差異"],["p",{},"MP4（H.264/H.265コーデック）やWebM（VP8/VP9/AV1コーデック）は、映像を時間軸で圧縮する",["strong",{},"動画フォーマット"],"だ。フレーム間の差分だけを記録する手法（インターフレーム圧縮）により、GIFと比べて圧倒的に高い圧縮効率を持つ。"],["p",{},"Googleの公式ドキュメント（",["a",{"href":"https://web.dev/articles/replace-gifs-with-videos","rel":["nofollow"]},"web.dev: Replace animated GIFs with video"],"）は、「アニメーションGIFをMP4に置き換えるだけでファイルサイズを最大80%削減できる」と明記している。"],["p",{},"また、",["a",{"href":"https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/video","rel":["nofollow"]},"MDN Web Docs の ",["code",{}," 動画 変換 Web制作 技術解説 https://zerosend.site/blog/video-compress-instagram-upload https://zerosend.site/blog/video-compress-instagram-upload Thu, 21 May 2026 00:00:00 GMT Instagramの動画アップロード容量制限を解説し、画質を保ちながら圧縮する具体的な手順とブラウザだけで完結する無料ツールを紹介。 動画 圧縮 プライバシー ツール https://zerosend.site/blog/image-compress-no-quality-loss https://zerosend.site/blog/image-compress-no-quality-loss Wed, 20 May 2026 00:00:00 GMT 画質を維持したまま画像を圧縮する方法を解説。TinyPNG・Squoosh・zerosenの比較表つき。ブラウザだけで完結する無料ツールの使い方も紹介。 圧縮 比較 プライバシー Web制作 https://zerosend.site/blog/jpeg-png-webp-difference https://zerosend.site/blog/jpeg-png-webp-difference Tue, 19 May 2026 00:00:00 GMT JPEG・PNG・WebP の違いを画質・ファイルサイズ・透過・対応ブラウザの観点で比較。Web担当者やビジネスパーソンが迷わず形式を選べるよう実践的に解説します。 画像 変換 Web制作 SEO https://zerosend.site/blog/pdf-merge-free-no-signup https://zerosend.site/blog/pdf-merge-free-no-signup Mon, 18 May 2026 00:00:00 GMT 複数のPDFを1つにまとめたい人向けに、登録不要で使える無料ツールの選び方と、ブラウザだけで完結するプライバシー安全な方法を解説します。 結合 プライバシー セキュリティ ツール https://zerosend.site/blog/video-to-gif-slack-teams https://zerosend.site/blog/video-to-gif-slack-teams Sun, 17 May 2026 00:00:00 GMT 動画ファイルをGIFに変換してSlackやTeamsで手軽に共有する手順を解説。サーバー送信不要のブラウザ内処理ツールを含め、選択肢を比較して紹介。 動画 変換 業務 プライバシー https://zerosend.site/blog/heic-jpg-convert-guide https://zerosend.site/blog/heic-jpg-convert-guide Sat, 16 May 2026 00:00:00 GMT iPhoneで撮影したHEICファイルをWindows・MacでJPGに変換する方法を解説。オンラインツールやOS標準機能の使い方、プライバシーリスクの注意点まで網羅。 画像 変換 プライバシー ツール https://zerosend.site/blog/qr-code-business-card https://zerosend.site/blog/qr-code-business-card Thu, 14 May 2026 00:00:00 GMT QRコード付き名刺を無料で作る手順を分かりやすく解説。ブラウザだけで完結するツールを使えば、個人情報をサーバーに送らず安全に作成できます。 業務 プライバシー ツール Web制作 https://zerosend.site/blog/ogp-image-size-optimization https://zerosend.site/blog/ogp-image-size-optimization Tue, 12 May 2026 00:00:00 GMT OGP画像の推奨サイズや各SNSの仕様を解説。Twitterやog:imageが正しく表示されない原因と、ブラウザだけで完結する無料ツールを使った具体的な対処法を紹介します。 画像 リサイズ Web制作 SEO https://zerosend.site/blog/webp-convert-seo https://zerosend.site/blog/webp-convert-seo Thu, 07 May 2026 00:00:00 GMT WebP変換がLCP・ページ速度・SEOに与える効果を数値で解説。ブラウザ内完結の無料ツールと競合サービスを比較し、実践的な導入手順まで網羅。 "],"タグを使う方法が安全だ。"],["pre",{"className":"language-html shiki shiki-themes github-light github-dark","code":"\n \n \n\n","language":"html","meta":"","style":""},["code",{"__ignoreMap":""},["span",{"class":"line","line":1},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"picture"],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":2},["span",{"class":"sVt8B"}," <"],["span",{"class":"s9eBZ"},"source"],["span",{"class":"sScJk"}," srcset"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"image.webp\""],["span",{"class":"sScJk"}," type"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"image/webp\""],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":3},["span",{"class":"sVt8B"}," <"],["span",{"class":"s9eBZ"},"img"],["span",{"class":"sScJk"}," src"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"image.jpg\""],["span",{"class":"sScJk"}," alt"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"代替テキスト\""],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":4},["span",{"class":"sVt8B"},"\n"]]]],["hr",{}],["h2",{"id":"変換ツールの選び方どこで処理されるかが重要な理由"},"変換ツールの選び方——「どこで処理されるか」が重要な理由"],["p",{},"WebPへの変換方法は複数ある。サーバーサイドでImageMagickやlibwebpを使うバッチ処理、WordPressプラグイン（Imagify、ShortPixel等）、そしてブラウザ上で動作するオンラインツールだ。"],["p",{},"選択する際に見落とされやすい観点が ",["strong",{},"「ファイルがどこで処理されるか」"]," だ。一般的なオンラインサービスは、ファイルを一度サーバーにアップロードして処理し、変換後のファイルをダウンロードさせる仕組みになっている。業務で扱う画像には、公開前の商品写真・社内資料のスクリーンショット・個人情報を含む書類画像など、外部に送信したくないものが含まれるケースも多い。"],["p",{},"その点でブラウザ内処理（クライアントサイド処理）のツールは、ファイルが自分のデバイスの外に出ない。これはプライバシーポリシーや社内セキュリティ規定への適合という観点でも重要な差だ。"],["h3",{"id":"主要webp変換ツール比較表"},"主要WebP変換ツール比較表"],["table",{},["thead",{},["tr",{},["th",{},"ツール"],["th",{},"処理場所（送信先サーバー）"],["th",{},"無料制限"],["th",{},"オフライン動作"],["th",{},"登録"]]],["tbody",{},["tr",{},["td",{},["strong",{},"zerosend"],"（画像変換）"],["td",{},["strong",{},"なし（ブラウザ内完結）"]],["td",{},["strong",{},"なし"]],["td",{},["strong",{},"可（SW キャッシュ後）"]],["td",{},["strong",{},"不要"]]],["tr",{},["td",{},"Squoosh（Google）"],["td",{},"なし（ブラウザ内完結）"],["td",{},"なし"],["td",{},"可"],["td",{},"不要"]],["tr",{},["td",{},"TinyPNG"],["td",{},"あり（サーバー処理）"],["td",{},"月20ファイルまで"],["td",{},"不可"],["td",{},"不要"]],["tr",{},["td",{},"Smallpdf"],["td",{},"あり（サーバー処理）"],["td",{},"1日2タスクまで"],["td",{},"不可"],["td",{},"不要"]],["tr",{},["td",{},"iLovePDF"],["td",{},"あり（サーバー処理）"],["td",{},"ファイルサイズ制限あり"],["td",{},"不可"],["td",{},"不要"]],["tr",{},["td",{},"Adobe Express"],["td",{},"あり（サーバー処理）"],["td",{},"機能制限あり"],["td",{},"不可"],["td",{},"要Adobe ID"]]]],["p",{},"TinyPNG・Smallpdf・iLovePDFといったサービスは利便性が高く広く使われているが、いずれもファイルをサーバーに送信する構造だ。Google製のSquooshもブラウザ内処理だが、2023年以降アクティブな開発が止まっており、一部の機能に不具合が報告されている。"],["hr",{}],["h2",{"id":"zerosend-でブラウザ内webp変換を行う手順"},"zerosend でブラウザ内WebP変換を行う手順"],["p",{},["a",{"href":"https://zerosend.site/tools/image-convert","rel":["nofollow"]},"zerosendの画像形式変換ツール"],"は、",["strong",{},"browser-image-compression"]," ライブラリと ",["strong",{},"Canvas API"]," をベースに構築されており、変換処理はすべてブラウザのメインスレッドではなく ",["strong",{},"Web Worker"]," 上で実行される。これにより、大容量ファイルの変換中もUIがフリーズしない設計になっている。"],["h3",{"id":"操作手順"},"操作手順"],["ol",{},["li",{},["a",{"href":"https://zerosend.site/tools/image-convert","rel":["nofollow"]},"https://zerosend.site/tools/image-convert"]," にアクセスする"],["li",{},"変換したい画像ファイル（JPEG・PNG・GIF・AVIF等）をドラッグ＆ドロップ、または「ファイルを選択」で指定する"],["li",{},"出力フォーマットとして「WebP」を選択する"],["li",{},"品質スライダーで圧縮率を調整する（デフォルト値は多くの用途で適切）"],["li",{},"「変換」ボタンをクリックし、完了後にダウンロードする"]],["h3",{"id":"ネットワーク通信ゼロを自分で確認する方法"},"ネットワーク通信ゼロを自分で確認する方法"],["p",{},"本当にファイルがサーバーに送られていないかは、ブラウザのDevToolsで確認できる。"],["ol",{},["li",{},"Chrome または Edge で変換ページを開く"],["li",{},["code",{},"F12"],"（または ",["code",{},"Cmd+Option+I"],"）でDevToolsを開き、「Network」タブを選択"],["li",{},"ファイルをドラッグ＆ドロップして変換を実行する"],["li",{},"NetworkタブにPOSTリクエストや外部ドメインへの通信が発生していないことを確認する"]],["p",{},"変換実行後も外部への通信が一切記録されないことが、クライアントサイド処理の証拠だ。"],["h3",{"id":"オフライン動作について"},"オフライン動作について"],["p",{},"zerosendはService Workerによるリソースキャッシュを実装している。初回アクセス後は、インターネット接続がない環境でも変換ツールが動作する。これはオフライン環境での業務や、通信制限を気にせず使いたい場面で実用的な特徴だ。"],["hr",{}],["h2",{"id":"webp変換を継続的な運用フローに組み込む方法"},"WebP変換を継続的な運用フローに組み込む方法"],["h3",{"id":"既存コンテンツへの対応"},"既存コンテンツへの対応"],["p",{},"まず既存のページ・記事・商品ページで使われている画像を洗い出し、PageSpeed Insightsで「次世代フォーマット」として指摘を受けているものを優先リストに入れる。ファイルサイズが500KB以上のJPEGやPNGは特に優先度が高い。"],["p",{},"変換後は元のファイルをバックアップとして残しておき、",["code",{},""],"タグを使ってWebPとJPEGの両方を配信する構成にすると安全だ。"],["h3",{"id":"新規コンテンツへのルール化"},"新規コンテンツへのルール化"],["p",{},"画像をアップロードする前にWebP変換を行うことを、コンテンツ制作フローのチェックリストに加える。「記事公開前にゼロsendで変換してからCMSにアップロードする」という一手順を加えるだけで、新規コンテンツの最適化を継続できる。"],["h3",{"id":"変換前後の効果測定"},"変換前後の効果測定"],["p",{},"PageSpeed InsightsとGoogle Search Consoleの「ページエクスペリエンス」レポートを使い、変換前後のLCPスコアを比較する。特にモバイルスコアの変化に注目すると、改善効果が数値として把握しやすい。"],["hr",{}],["h2",{"id":"よくある疑問と落とし穴"},"よくある疑問と落とし穴"],["h3",{"id":"faq"},"FAQ"],["p",{},["strong",{},"Q1. WebPに変換すると画質は落ちるのか？"]],["p",{},"非可逆圧縮（品質設定80〜85程度）であれば、通常のWeb表示ではJPEGと視覚的な差がほぼわからない。画質が重要な場面では品質を90以上に設定するか、可逆圧縮を使うことで元の品質を維持できる。"],["p",{},["strong",{},"Q2. PNG（透過画像）もWebPに変換できるか？"]],["p",{},"WebPはアルファチャンネルをサポートしているため、透過PNGをそのままWebPに変換できる。透過を保ちたい場合は可逆圧縮モードを選ぶか、品質設定を高めにすると良い。"],["p",{},["strong",{},"Q3. WordPressサイトの場合、プラグインとブラウザツールのどちらを使うべきか？"]],["p",{},"大量の画像を一括変換・自動最適化したい場合はShortPixelやImageifyなどのプラグインが効率的だ。一方、非公開の画像や機密性の高いファイルを変換したい場合は、ブラウザ内処理のツールの方がセキュリティ面で安心できる。用途によって使い分けが合理的だ。"],["p",{},["strong",{},"Q4. AVIFとWebPどちらを選ぶべきか？"]],["p",{},"AVIFはWebPよりさらに圧縮率が高いフォーマットだが、2024年時点ではブラウザ対応がWebPより若干低く（特に旧バージョンのSafari）、エンコード処理が遅い。汎用性の高さでは現時点でWebPが安定した選択肢だ。",["code",{},""],"タグでAVIF→WebP→JPEGの順でフォールバックを指定する方法も有効だ。"],["p",{},["strong",{},"Q5. ファイルサイズが逆に大きくなることはあるか？"]],["p",{},"ある。既にJPEGで強く圧縮されている画像や、小さなサイズの画像をWebPに変換すると、わずかにサイズが増えるケースがある。変換後は必ず元ファイルと比較し、小さくなっているものだけを採用するのが確実だ。"],["h3",{"id":"実運用での落とし穴"},"実運用での落とし穴"],["ul",{},["li",{},["strong",{},"SNS投稿用画像への使用"],"：TwitterやInstagramなど一部のSNSプラットフォームはWebPのアップロードを受け付けないか、自動的に変換する。SNS向け画像はJPEGのままにしておくか、個別に確認が必要だ。"],["li",{},["strong",{},"メールに添付する画像"],"：メールクライアントはWebPに対応していないものが多い。メール添付用途にはJPEGまたはPNGを維持する。"],["li",{},["strong",{},"印刷データへの転用"],"：WebPはRGB色空間のみでCMYKには対応していない。印刷データとしては使用できない。"]],["hr",{}],["h2",{"id":"まとめwebp変換が持つ実際のインパクト"},"まとめ——WebP変換が持つ実際のインパクト"],["p",{},"WebP変換は、特別な開発環境や有料ツールを使わなくても取り組めるSEO改善施策だ。ファイルサイズの削減がLCPを改善し、ページ速度が上がり、ユーザー体験が向上し、それがSEOシグナルとして積み重なる。この一連の効果は、1枚の画像変換から始まる。"],["p",{},"変換方法の選択では、「ファイルがサーバーに送信されるかどうか」が実務上の重要な判断軸になる。TinyPNGやSmallpdfのようなサービスは利便性が高い一方、業務上の機密画像を扱う場合はブラウザ内処理が適切だ。"],["p",{},["a",{"href":"https://zerosend.site/tools/image-convert","rel":["nofollow"]},"zerosendの画像形式変換ツール"],"はbrowser-image-compressionとCanvas APIを使ったクライアントサイド処理で動作し、初回アクセス後はオフラインでも使用できる。DevToolsのNetworkタブで通信が発生していないことを自分で確認できるという透明性も、他の多くのオンラインツールにはない特徴だ。"],["p",{},"まず手元の重い画像を一枚変換し、PageSpeed InsightsでLCPスコアの変化を確認する。そこから得られる数値が、次のアクションの判断根拠になる。"],["style",{},"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);}"]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"webp変換とseoの関係なぜ今これが重要なのか","depth":2,"text":"WebP変換とSEOの関係——なぜ今これが重要なのか"},{"id":"webp変換がseoに与える具体的な3つの効果","depth":2,"text":"WebP変換がSEOに与える具体的な3つの効果","children":[{"id":"lcplargest-contentful-paintの改善","depth":3,"text":"LCP（Largest Contentful Paint）の改善"},{"id":"ページ速度とユーザー行動シグナルの改善","depth":3,"text":"ページ速度とユーザー行動シグナルの改善"},{"id":"pagespeed-insightsスコアの向上","depth":3,"text":"PageSpeed Insightsスコアの向上"}]},{"id":"webpの仕様と主要ブラウザの対応状況","depth":2,"text":"WebPの仕様と主要ブラウザの対応状況"},{"id":"変換ツールの選び方どこで処理されるかが重要な理由","depth":2,"text":"変換ツールの選び方——「どこで処理されるか」が重要な理由","children":[{"id":"主要webp変換ツール比較表","depth":3,"text":"主要WebP変換ツール比較表"}]},{"id":"zerosend-でブラウザ内webp変換を行う手順","depth":2,"text":"zerosend でブラウザ内WebP変換を行う手順","children":[{"id":"操作手順","depth":3,"text":"操作手順"},{"id":"ネットワーク通信ゼロを自分で確認する方法","depth":3,"text":"ネットワーク通信ゼロを自分で確認する方法"},{"id":"オフライン動作について","depth":3,"text":"オフライン動作について"}]},{"id":"webp変換を継続的な運用フローに組み込む方法","depth":2,"text":"WebP変換を継続的な運用フローに組み込む方法","children":[{"id":"既存コンテンツへの対応","depth":3,"text":"既存コンテンツへの対応"},{"id":"新規コンテンツへのルール化","depth":3,"text":"新規コンテンツへのルール化"},{"id":"変換前後の効果測定","depth":3,"text":"変換前後の効果測定"}]},{"id":"よくある疑問と落とし穴","depth":2,"text":"よくある疑問と落とし穴","children":[{"id":"faq","depth":3,"text":"FAQ"},{"id":"実運用での落とし穴","depth":3,"text":"実運用での落とし穴"}]},{"id":"まとめwebp変換が持つ実際のインパクト","depth":2,"text":"まとめ——WebP変換が持つ実際のインパクト"}]}}]]> SEO 変換 Core Web Vitals Web制作 https://zerosend.site/blog/pdf-email-compress https://zerosend.site/blog/pdf-email-compress Wed, 06 May 2026 00:00:00 GMT PDFの添付上限超えをブラウザ内処理で解決。サーバーにファイルを送信せず圧縮できるツールの仕組み・手順・競合比較をまとめた実践ガイド。 圧縮 プライバシー 業務 ブラウザ https://zerosend.site/blog/core-web-vitals-image-compress https://zerosend.site/blog/core-web-vitals-image-compress Tue, 05 May 2026 00:00:00 GMT LCP悪化の主因は画像の重さ。圧縮前後のスコア目安・手順・プライバシー安全なブラウザ内処理ツールの比較まで、実践的に解説します。 "]," による画像の事前読み込み指定、フォントの最適化などが代表的な手段だ。ただしこれらは設定変更やインフラ費用を伴うことが多く、即効性という点では画像圧縮が最も着手しやすい。画像圧縮で対処できる改善余地をまず使い切り、それでも目標値に届かない場合に他の手段を検討するのが現実的な順序だ。"],["hr",{}],["h2",{"id":"まとめ"},"まとめ"],["p",{},"Core Web Vitals のうちページ表示速度に最も直結する LCP を改善するには、画像圧縮が最も即効性の高い手段だ。対応の手順は「LCP 対象要素の特定 → リサイズ → 圧縮 → HTML 属性の整備 → 再計測」のサイクルを回すだけであり、特別な専門知識は不要だ。"],["p",{},"プライバシーが気になる業務用途では、ファイルをサーバーに送信しないブラウザ内処理ツールを選ぶことが重要になる。zerosend の",["a",{"href":"https://zerosend.site/tools/image-compress","rel":["nofollow"]},"画像圧縮ツール"],"は browser-image-compression を Web Worker で動作させており、Chrome DevTools の Network タブでアップロード通信がゼロであることを誰でも自分で検証できる。初回ロード後は Service Worker のキャッシュによりオフライン環境でも動作するため、ネットワーク制限のある環境でも継続して使用できる。"],["p",{},"一度の対応で終わらせず、画像をアップロードする前に圧縮するというステップを制作フローに組み込むことが、Core Web Vitals のスコアを継続的に維持する最も現実的な方法だ。"]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"なぜ画像が-core-web-vitals-を下げるのか","depth":2,"text":"なぜ画像が Core Web Vitals を下げるのか","children":[{"id":"cls-への影響も見落とさない","depth":3,"text":"CLS への影響も見落とさない"},{"id":"pagespeed-insights-が出す画像関連の警告を読む","depth":3,"text":"PageSpeed Insights が出す画像関連の警告を読む"}]},{"id":"圧縮前後のスコア変化の目安","depth":2,"text":"圧縮前後のスコア変化の目安"},{"id":"画像圧縮の一般的な手順ツール非依存","depth":2,"text":"画像圧縮の一般的な手順（ツール非依存）","children":[{"id":"ステップ-1lcp-対象要素を特定する","depth":3,"text":"ステップ 1：LCP 対象要素を特定する"},{"id":"ステップ-2リサイズと圧縮をセットで行う","depth":3,"text":"ステップ 2：リサイズと圧縮をセットで行う"},{"id":"ステップ-3フォーマットを検討する","depth":3,"text":"ステップ 3：フォーマットを検討する"},{"id":"ステップ-4html-の属性を整備する","depth":3,"text":"ステップ 4：HTML の属性を整備する"}]},{"id":"zerosend-を使ったブラウザ内圧縮の手順","depth":2,"text":"zerosend を使ったブラウザ内圧縮の手順","children":[{"id":"ステップ-1ツールにアクセスする","depth":3,"text":"ステップ 1：ツールにアクセスする"},{"id":"ステップ-2ファイルを選択する","depth":3,"text":"ステップ 2：ファイルを選択する"},{"id":"ステップ-3品質スライダーを調整する","depth":3,"text":"ステップ 3：品質スライダーを調整する"},{"id":"ステップ-4network-タブでアップロード通信がゼロであることを確認する","depth":3,"text":"ステップ 4：Network タブでアップロード通信がゼロであることを確認する"},{"id":"ステップ-5ダウンロードして-cms-に反映する","depth":3,"text":"ステップ 5：ダウンロードして CMS に反映する"}]},{"id":"主要ツールとの比較","depth":2,"text":"主要ツールとの比較"},{"id":"よくある落とし穴と対処法","depth":2,"text":"よくある落とし穴と対処法","children":[{"id":"圧縮したのに-lcp-が改善しない","depth":3,"text":"圧縮したのに LCP が改善しない"},{"id":"圧縮しすぎてブランドイメージを損ねた","depth":3,"text":"圧縮しすぎてブランドイメージを損ねた"},{"id":"一度だけ対応して終わりにした","depth":3,"text":"一度だけ対応して終わりにした"},{"id":"_100-kb-以下でも警告が出る","depth":3,"text":"100 KB 以下でも警告が出る"}]},{"id":"faq","depth":2,"text":"FAQ"},{"id":"まとめ","depth":2,"text":"まとめ"}]}}]]> 画像 圧縮 SEO Core Web Vitals https://zerosend.site/blog/audio-convert-intro https://zerosend.site/blog/audio-convert-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の音声形式変換ツールは、MP3 / WAV / M4A / FLAC / OGG などをサーバーに送らずブラウザ内で相互変換します。録音インタビューや音源ファイルの形式統一に。Zerosend 編集部が解説。 音声 変換 ツール https://zerosend.site/blog/audio-trim-intro https://zerosend.site/blog/audio-trim-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の音声トリミングツールは、音声ファイルをサーバーに送らずブラウザ内で任意の区間だけ切り出します。長尺インタビュー・会議録音・ポッドキャスト素材の整形に。Zerosend 編集部が解説。 -i input -to -c copy output"]," でロスレス抽出"],["li",{},"再エンコードなしで切り出すため処理が速く音質劣化もない"]],["p",{},"入力がどの形式であっても、基本的には同じ形式で書き出されます。形式を変えたいときは ",["a",{"href":"/tools/audio-convert"},"音声形式変換"]," と組み合わせてください。"],["h2",{"id":"使いどころ"},"使いどころ"],["ul",{},["li",{},["strong",{},"インタビューの引用"],": 60 分音源から 30 秒の引用箇所を切り出す"],["li",{},["strong",{},"不要区間の除去"],": 録音冒頭の環境音や末尾の雑音をカット"],["li",{},["strong",{},"ポッドキャスト編集"],": 冗長な「えー」「あのー」を含む区間を削除 (1 区間ずつ)"],["li",{},["strong",{},"会議議事録の根拠音声"],": 要旨に関連する数分の根拠区間を抜き出す"]],["h2",{"id":"よくある質問"},"よくある質問"],["p",{},["strong",{},"Q. MP3 は正確にカットできますか？"],"\nA. MP3 はフレーム境界に依存するため、指定した時刻の直前のフレーム境界に揃います。秒単位の切り出しなら実用上問題ありません。WAV や FLAC などのロスレス形式はより正確なカットが可能です。"],["p",{},["strong",{},"Q. 音質は落ちますか？"],"\nA. ",["code",{},"-c copy"]," によるロスレス抽出のため、再エンコードが発生せず元の音質がそのまま保持されます。MP3 を MP3 のまま切り出しても音質の劣化はありません。"],["p",{},["strong",{},"Q. 複数区間を切り出して連結できる？"],"\nA. 現状は 1 区間のみです。複数区間を抽出したい場合は 1 つずつ切り出してから別途連結してください。"],["p",{},["strong",{},"Q. フェードイン/フェードアウトを追加できますか？"],"\nA. 現状は非対応です。必要なら切り出した音声を別の編集ツールで処理してください。"],["p",{},["strong",{},"Q. 動画ファイルから音声部分だけ切り出したい"],"\nA. 動画ファイルを入力して ",["a",{"href":"/tools/audio-convert"},"音声形式変換"]," を使うと、動画の音声トラックを指定形式で抽出できます。トリミングしたい区間があるなら、まず ",["a",{"href":"/tools/video-trim"},"動画トリミング"]," で区間抽出 → 音声形式変換、の順がお勧めです。"],["h2",{"id":"関連ツール"},"関連ツール"],["ul",{},["li",{},["a",{"href":"/tools/audio-convert"},"音声形式変換"]," — トリミング後に形式を変えたいとき"],["li",{},["a",{"href":"/tools/video-trim"},"動画トリミング"]," — 映像付きの区間抽出"],["li",{},["a",{"href":"/tools/video-convert"},"動画形式変換"]," — 動画側の処理"]]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"こんな場面で使える","depth":2,"text":"こんな場面で使える"},{"id":"なぜブラウザ内でトリミングするのか","depth":2,"text":"なぜブラウザ内でトリミングするのか"},{"id":"使い方","depth":2,"text":"使い方"},{"id":"ffmpegwasm-によるブラウザ内処理","depth":2,"text":"ffmpeg.wasm によるブラウザ内処理"},{"id":"仕組み","depth":2,"text":"仕組み"},{"id":"使いどころ","depth":2,"text":"使いどころ"},{"id":"よくある質問","depth":2,"text":"よくある質問"},{"id":"関連ツール","depth":2,"text":"関連ツール"}]}}]]> 音声 トリミング ツール https://zerosend.site/blog/heic-to-jpg-intro https://zerosend.site/blog/heic-to-jpg-intro Mon, 20 Apr 2026 00:00:00 GMT iPhone で撮った HEIC 画像を Windows / Android や古いシステムで開けるよう JPG に変換するツール。サーバーに送らずブラウザ内で変換する仕組みと注意点を Zerosend 編集部が解説。 画像 ツール 変換 プライバシー https://zerosend.site/blog/image-convert-intro https://zerosend.site/blog/image-convert-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の画像形式変換ツールは、JPEG / PNG / WebP / AVIF をサーバーに送らず相互変換します。用途別の形式選び、透過・圧縮率の違いを Zerosend 編集部が整理します。 "]," として読み込み"],["li",{},"同寸の ",["code",{},""]," に描画"],["li",{},["code",{},"toBlob"]," で出力形式と品質を指定して書き出し"]],["p",{},"HEIC 入力のみ別ツール (",["a",{"href":"/tools/heic-to-jpg"},"HEIC → JPG"],") に振り分けています。HEIC デコーダがブラウザ標準にまだ入っていないため、別ライブラリを読み込む必要があるためです。"],["h2",{"id":"よくある質問"},"よくある質問"],["p",{},["strong",{},"Q. WebP に変換するメリットは？"],"\nA. 同じ視覚品質で JPEG より 25〜35% 小さくなります。透過も扱えるため PNG の代替にもなり、モダンブラウザはすべて対応済みです。ブログや EC では積極的に使う価値があります。"],["p",{},["strong",{},"Q. 透過 PNG を JPEG にしたらどうなる？"],"\nA. 透過部分は白で塗られます。意図しない結果になりやすいので注意してください。透過を維持したい場合は WebP か PNG のままにしてください。"],["p",{},["strong",{},"Q. 元のメタデータ (EXIF) は引き継がれる？"],"\nA. 落ちます。位置情報漏れの予防としてはむしろ利点です。"],["p",{},["strong",{},"Q. バッチ処理の上限は？"],"\nA. 端末のメモリ次第ですが、実用上は 100 枚前後までを推奨します。"],["h2",{"id":"関連ツール"},"関連ツール"],["ul",{},["li",{},["a",{"href":"/tools/image-compress"},"画像圧縮"]," — 品質指定で再エンコードしてサイズ削減"],["li",{},["a",{"href":"/tools/image-resize"},"画像リサイズ"]," — 形式変換と同時に寸法も揃えたいときは先にこちら"],["li",{},["a",{"href":"/tools/heic-to-jpg"},"HEIC → JPG"]," — iPhone 写真専用の変換"]]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"形式を変換したい主な理由","depth":2,"text":"形式を変換したい主な理由"},{"id":"なぜブラウザ内で形式変換するのか","depth":2,"text":"なぜブラウザ内で形式変換するのか"},{"id":"使い方","depth":2,"text":"使い方"},{"id":"形式の選び方","depth":2,"text":"形式の選び方"},{"id":"仕組み","depth":2,"text":"仕組み"},{"id":"よくある質問","depth":2,"text":"よくある質問"},{"id":"関連ツール","depth":2,"text":"関連ツール"}]}}]]> 画像 変換 WebP ツール https://zerosend.site/blog/image-edit-intro https://zerosend.site/blog/image-edit-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の画像編集ツールは、切り抜き・回転・反転をサーバーに送らず端末内で処理します。証明写真・SNS アイコン・商品画像のトリミングで使える基本操作を Zerosend 編集部が解説。 "]," を作り、",["code",{},"drawImage"]," で元画像の該当領域を切り出し"],["li",{},["strong",{},"回転"],": 回転行列を ",["code",{},"ctx.transform"]," で適用してから描画"],["li",{},["strong",{},"反転"],": ",["code",{},"ctx.scale(-1, 1)"]," で水平、",["code",{},"ctx.scale(1, -1)"]," で垂直"]],["p",{},"いずれも Canvas API の基本操作の組み合わせで、追加ライブラリは使っていません。処理は数十ミリ秒で完了します。"],["h2",{"id":"よくある質問"},"よくある質問"],["p",{},["strong",{},"Q. 元の画像ファイルは変更されますか？"],"\nA. いいえ。処理はブラウザのメモリ上で行われ、ダウンロードするまで何も書き変わりません。元ファイルはそのまま手元に残ります。"],["p",{},["strong",{},"Q. 対応している画像形式は？"],"\nA. JPEG・PNG・WebP・GIF (静止画) に対応しています。HEIC 形式の場合は先に ",["a",{"href":"/tools/heic-to-jpg"},"HEIC → JPG 変換"]," を使ってから編集してください。"],["p",{},["strong",{},"Q. 比率指定 (1:1, 4:3, 16:9) で切り抜けますか？"],"\nA. はい。プリセットボタンで一発切り替えできます。SNS アイコンは 1:1、YouTube サムネは 16:9 など。"],["p",{},["strong",{},"Q. 複数画像をまとめて同じ比率で切り抜けますか？"],"\nA. 現状は 1 枚ずつです。バッチ処理は要望を見ながら検討します。"],["p",{},["strong",{},"Q. 編集後に再度編集したい場合は？"],"\nA. ダウンロードしたファイルを再度ドロップすれば、何度でも編集できます。"],["h2",{"id":"関連ツール"},"関連ツール"],["ul",{},["li",{},["a",{"href":"/tools/image-resize"},"画像リサイズ"]," — 切り抜き後に寸法を揃えたいとき"],["li",{},["a",{"href":"/tools/image-compress"},"画像圧縮"]," — 編集後の軽量化"],["li",{},["a",{"href":"/tools/image-merge"},"画像結合"]," — 複数画像を 1 枚にまとめたいとき"]]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"こんな場面で使える","depth":2,"text":"こんな場面で使える"},{"id":"なぜブラウザ内で編集するのか","depth":2,"text":"なぜブラウザ内で編集するのか"},{"id":"使い方","depth":2,"text":"使い方"},{"id":"仕組み","depth":2,"text":"仕組み"},{"id":"よくある質問","depth":2,"text":"よくある質問"},{"id":"関連ツール","depth":2,"text":"関連ツール"}]}}]]> 画像 編集 ツール https://zerosend.site/blog/image-merge-intro https://zerosend.site/blog/image-merge-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の画像結合ツールは、複数の画像をサーバーに送らずブラウザ内で縦/横に連結します。比較画像・ビフォーアフター・スマホのスクリーンショット集約に。Zerosend 編集部が解説。 "]," サイズを計算 (縦連結なら幅は最大・高さは合計)"],["li",{},"画像を順に ",["code",{},"drawImage"]," で配置"],["li",{},"幅/高さが揃わない場合は縦横比を保って自動センタリング"],["li",{},["code",{},"canvas.toBlob()"]," で PNG / JPEG として書き出し"]],["p",{},"全処理は Canvas API の組み合わせで完結します。100 枚程度の結合まで現実的です。"],["h2",{"id":"縦結合横結合の使い分け"},"縦結合・横結合の使い分け"],["ul",{},["li",{},["strong",{},"縦に連結"],": スマホのスクロールスクリーンショットをつなぐ、手順説明の連番画像をまとめる"],["li",{},["strong",{},"横に連結"],": ビフォー/アフターを並べる、比較検討資料を 1 枚にする"],["li",{},["strong",{},"グリッド"],": 複数カットを整然と並べて SNS 投稿やカタログ素材にする"]],["p",{},"サイズが異なる画像は、余白を自動で埋めて揃えます。事前に ",["a",{"href":"/tools/image-resize"},"画像リサイズ"]," で寸法を統一しておくと、余白なしにきれいに仕上がります。"],["h2",{"id":"使いどころ"},"使いどころ"],["ul",{},["li",{},["strong",{},"スクショ集約"],": アプリのフロー解説で、複数画面を 1 枚にまとめて Slack に貼る"],["li",{},["strong",{},"比較画像"],": ビフォー/アフターを横並びで 1 枚に"],["li",{},["strong",{},"SNS 投稿"],": Instagram の 1 枚投稿でも複数カットを見せる"],["li",{},["strong",{},"申請書類"],": 表紙と本文を 1 画像にまとめて提出"]],["h2",{"id":"よくある質問"},"よくある質問"],["p",{},["strong",{},"Q. 結合後のファイルサイズはどのくらいになりますか？"],"\nA. 入力枚数と解像度に比例して大きくなります。多数枚を結合した場合は ",["a",{"href":"/tools/image-compress"},"画像圧縮"]," で軽量化するのがおすすめです。"],["p",{},["strong",{},"Q. 何枚まで結合できますか？"],"\nA. ツールに上限は設けていませんが、ブラウザのメモリに依存します。100 枚程度までは現実的に動作します。"],["p",{},["strong",{},"Q. 画像サイズが違うものを結合するとどうなる？"],"\nA. 縦連結では幅を最大に合わせ、余白部分は透明 (PNG) または白 (JPEG) になります。事前に ",["a",{"href":"/tools/image-resize"},"画像リサイズ"]," で揃えておくときれいに仕上がります。"],["p",{},["strong",{},"Q. 間に余白を入れられる？"],"\nA. はい。境界の色と幅を指定できます。"],["p",{},["strong",{},"Q. グリッドの行数・列数は指定できる？"],"\nA. はい。例えば 4 枚を 2×2 のグリッドに配置できます。"],["h2",{"id":"関連ツール"},"関連ツール"],["ul",{},["li",{},["a",{"href":"/tools/image-resize"},"画像リサイズ"]," — 結合前にサイズを揃える"],["li",{},["a",{"href":"/tools/image-compress"},"画像圧縮"]," — 結合後の巨大ファイルを軽くする"],["li",{},["a",{"href":"/tools/image-to-pdf"},"画像 → PDF"]," — 結合の代わりに PDF 1 枚にまとめる選択肢も"]]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"なぜブラウザ内で結合するのか","depth":2,"text":"なぜブラウザ内で結合するのか"},{"id":"使い方","depth":2,"text":"使い方"},{"id":"仕組み","depth":2,"text":"仕組み"},{"id":"縦結合横結合の使い分け","depth":2,"text":"縦結合・横結合の使い分け"},{"id":"使いどころ","depth":2,"text":"使いどころ"},{"id":"よくある質問","depth":2,"text":"よくある質問"},{"id":"関連ツール","depth":2,"text":"関連ツール"}]}}]]> 画像 結合 ツール https://zerosend.site/blog/image-resize-intro https://zerosend.site/blog/image-resize-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の画像リサイズツールは、画像をサーバーに送らず端末内で寸法変更します。用途別の推奨サイズ、一括処理、品質を落とさないリサイズのコツを Zerosend 編集部が解説。 "]," 要素として読み込む"],["li",{},"目標サイズの ",["code",{},""]," を作成"],["li",{},["code",{},"ctx.drawImage(img, 0, 0, targetW, targetH)"]," で描画"],["li",{},["code",{},"canvas.toBlob()"]," で出力形式 (JPEG / PNG / WebP) を指定して Blob に"]],["p",{},"一括処理は Promise.all ではなく順次実行しているため、数十枚でもメモリを圧迫しません。"],["h2",{"id":"縦横比の維持について"},"縦横比の維持について"],["p",{},"リサイズで気をつけるべき最大のポイントは「アスペクト比の崩れ」です。幅だけを変えて高さはそのままにすると、人物が横に伸びたり商品が歪んだりします。本ツールでは既定で縦横比を維持するため、「幅を指定する」だけで高さは自動計算されます。強制的にトリミングするモードも選べるので、SNS の正方形サムネイルを作る際にも対応できます。"],["h2",{"id":"よくある質問"},"よくある質問"],["p",{},["strong",{},"Q. 縦横比は保持されますか？"],"\nA. 既定で保持されます。「幅を合わせる」を選べば高さは自動で計算されます。"],["p",{},["strong",{},"Q. EXIF (撮影情報) は？"],"\nA. リサイズ時に落ちます。プライバシー保護の観点ではむしろ利点です。"],["p",{},["strong",{},"Q. 拡大もできますか？"],"\nA. できますが推奨しません。拡大は情報を増やせないため、AI 超解像を使わない限り画質は改善しません。"],["p",{},["strong",{},"Q. 複数ファイルを一括処理できますか？"],"\nA. はい。ドラッグ&ドロップで複数ファイルを投入すると、同じ設定で一括リサイズして ZIP でまとめてダウンロードできます。"],["h2",{"id":"関連ツール"},"関連ツール"],["ul",{},["li",{},["a",{"href":"/tools/image-compress"},"画像圧縮"]," — リサイズ後にさらに軽くしたいときに"],["li",{},["a",{"href":"/tools/image-convert"},"画像形式変換"]," — WebP / JPEG / PNG の変換"],["li",{},["a",{"href":"/tools/image-edit"},"画像編集"]," — 切り抜き・回転・反転"]]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"なぜブラウザ内でリサイズするのか","depth":2,"text":"なぜブラウザ内でリサイズするのか"},{"id":"使い方","depth":2,"text":"使い方","children":[{"id":"用途別の推奨サイズ","depth":3,"text":"用途別の推奨サイズ"}]},{"id":"仕組み","depth":2,"text":"仕組み"},{"id":"縦横比の維持について","depth":2,"text":"縦横比の維持について"},{"id":"よくある質問","depth":2,"text":"よくある質問"},{"id":"関連ツール","depth":2,"text":"関連ツール"}]}}]]> 画像 リサイズ ツール https://zerosend.site/blog/image-to-pdf-intro https://zerosend.site/blog/image-to-pdf-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の画像 → PDF 変換ツールは、複数画像をサーバーに送らず 1 つの PDF にまとめます。スキャン画像の PDF 化・レシートまとめ・申請書類の体裁整え。Zerosend 編集部が解説。 PDF 画像 変換 ツール https://zerosend.site/blog/pdf-compress-intro https://zerosend.site/blog/pdf-compress-intro Mon, 20 Apr 2026 00:00:00 GMT PDF をサーバーに送らずブラウザ内で圧縮する方法を解説。zerosend の仕組み・削減率・競合比較・注意点まで網羅。 PDF 圧縮 ツール https://zerosend.site/blog/pdf-edit-intro https://zerosend.site/blog/pdf-edit-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の PDF ページ編集ツールは、PDF のページ順序変更・削除・回転をサーバーに送らず端末内で行います。スキャン時の向きミス修正や不要ページ削除に。Zerosend 編集部が解説。 PDF 編集 ツール https://zerosend.site/blog/pdf-split-intro https://zerosend.site/blog/pdf-split-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の PDF 分割ツールは、PDF をサーバーに送らずブラウザ内でページ単位/範囲指定で分割します。機密文書の特定ページだけ共有したいときに。Zerosend 編集部が解説。 PDF 分割 ツール https://zerosend.site/blog/pdf-to-image-intro https://zerosend.site/blog/pdf-to-image-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の PDF → 画像変換ツールは、PDF の各ページをサーバーに送らずブラウザ内で PNG / JPEG に書き出します。資料の一部だけ共有したいときに便利。Zerosend 編集部が解説。 PDF 画像 変換 ツール https://zerosend.site/blog/qr-create-intro https://zerosend.site/blog/qr-create-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の QR コード生成ツールは、URL やテキストをサーバーに送らずブラウザ内で QR 画像 (PNG / SVG) に変換します。名刺・ポスター・プレゼン用の QR 作成に。Zerosend 編集部が解説。 QR ツール https://zerosend.site/blog/qr-read-intro https://zerosend.site/blog/qr-read-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の QR 読み取りツールは、画像をサーバーに送らずブラウザ内で QR の中身をテキスト抽出します。リンク先の自動遷移はせず、安全に内容を確認できます。Zerosend 編集部が解説。 "]," に描画"],["li",{},["code",{},"getImageData()"]," でピクセル配列を取得"],["li",{},"jsQR がピクセル配列から QR を検出・デコード"],["li",{},"結果をテキストとしてそのまま表示 (HTML として解釈しない・リンク化しない)"]],["p",{},"ライブラリは WASM ではなく純 JavaScript 実装のため、初回ロードが軽いのも特徴です。"],["h2",{"id":"フィッシング対策としての使い方"},"フィッシング対策としての使い方"],["p",{},"怪しいメール・チラシ・SMS に QR が含まれているとき:"],["ol",{},["li",{},"画像をスクリーンショットや保存で取得 (スキャンしない)"],["li",{},"Zerosend で読み取って",["strong",{},"テキストとして"]," URL を確認"],["li",{},"URL 構造に違和感がないかチェック (正規サイトのサブドメイン偽装、短縮 URL 経由、意味不明なパスなど)"],["li",{},"問題なさそうなら手動でアドレスバーに入力して遷移"]],["p",{},"カメラで直接読むと一発でブラウザが開くリスクがありますが、この手順ならテキストで一度確認できます。"],["h2",{"id":"よくある質問"},"よくある質問"],["p",{},["strong",{},"Q. 悪意ある QR コードを読み取っても安全ですか？"],"\nA. 安全です。Zerosend は読み取り結果を ",["strong",{},"テキストとして表示するだけ"],"で、URL を自動的に開きません。フィッシングサイトへの誘導や不正アプリのインストールは、ユーザーが自分でリンクを開かない限り起きません。設計上の安全機構です。"],["p",{},["strong",{},"Q. バーコード (1D コード) も読み取れますか？"],"\nA. 現状は QR コード (2D) 専用です。バーコードには非対応です。"],["p",{},["strong",{},"Q. 画像内に複数の QR がある場合は？"],"\nA. 現状は最初に検出された 1 つだけ読み取ります。"],["p",{},["strong",{},"Q. 読み取れない QR"],"\nA. 解像度不足・反射・歪みが主な原因です。撮り直すか ",["a",{"href":"/tools/image-edit"},"画像編集"]," で補正を試してください。"],["p",{},["strong",{},"Q. 読み取り結果がサーバーに送られていないか確認したい"],"\nA. DevTools の Network タブを開いてから QR 画像をドロップしてください。通信が発生しないことが確認できます。",["code",{},"jsQR"]," ライブラリは純 JavaScript 実装のため、WASM の読み込みもなく初回ロードが軽いです。"],["h2",{"id":"関連ツール"},"関連ツール"],["ul",{},["li",{},["a",{"href":"/tools/qr-create"},"QR コード生成"]," — 作った QR の検証にも使える"],["li",{},["a",{"href":"/tools/image-edit"},"画像編集"]," — QR 画像の切り抜き・回転で読み取り成功率向上"],["li",{},["a",{"href":"/tools/image-compress"},"画像圧縮"]," — 読み取れた QR 画像を軽く保存"]]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"どんな場面で役立つか","depth":2,"text":"どんな場面で役立つか"},{"id":"なぜブラウザ内で-qr-を読み取るのか","depth":2,"text":"なぜブラウザ内で QR を読み取るのか"},{"id":"使い方","depth":2,"text":"使い方"},{"id":"仕組み","depth":2,"text":"仕組み"},{"id":"フィッシング対策としての使い方","depth":2,"text":"フィッシング対策としての使い方"},{"id":"よくある質問","depth":2,"text":"よくある質問"},{"id":"関連ツール","depth":2,"text":"関連ツール"}]}}]]> QR ツール セキュリティ https://zerosend.site/blog/video-compress-intro https://zerosend.site/blog/video-compress-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の動画圧縮ツールは、動画ファイルをサーバーに送らずブラウザ内で再エンコードしてサイズを削減します。WebCodecs で GPU 支援、未対応環境では ffmpeg.wasm にフォールバック。設計思想と使い方、仕組みを Zerosend 編集部が解説します。 動画 圧縮 WebCodecs ツール https://zerosend.site/blog/video-convert-intro https://zerosend.site/blog/video-convert-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の動画形式変換ツールは、MOV / WebM / MKV / AVI などの動画をサーバーに送らずブラウザ内で MP4 など互換性の高い形式に変換します。Zerosend 編集部が解説。 動画 変換 ツール https://zerosend.site/blog/video-to-gif-intro https://zerosend.site/blog/video-to-gif-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の 動画 → GIF 変換ツールは、動画をサーバーに送らずブラウザ内で GIF アニメに変換します。SNS・ドキュメント・Slack 用の短尺アニメ作成に。Zerosend 編集部が解説。 動画 GIF ツール https://zerosend.site/blog/video-trim-intro https://zerosend.site/blog/video-trim-intro Mon, 20 Apr 2026 00:00:00 GMT Zerosend の動画トリミングツールは、動画をサーバーに送らずブラウザ内で任意の区間だけ切り出します。不要な前後や長い会議録画から特定区間のみを共有したいときに。Zerosend 編集部が解説。 -i input.mp4 -to -c copy output.mp4"]," で再エンコードなしに切り出し"],["li",{},["code",{},"-c copy"]," によりロスレス抽出 (処理も高速)"]],["p",{},"再エンコードしないため、画質劣化なし・処理時間も入力サイズの数%程度で完了します。"],["h2",{"id":"よくある質問"},"よくある質問"],["p",{},["strong",{},"Q. フレーム単位の精度は？"],"\nA. ",["code",{},"-c copy"]," でキーフレーム境界に揃える仕様のため、GOP サイズに依存します。秒単位以上の精度が必要なら問題なく使えますが、フレーム単位の精度が必要な場合は本ツール内で再エンコードオプションを有効化できます (処理時間が増加)。"],["p",{},["strong",{},"Q. 対応している動画形式は？"],"\nA. MP4・MOV・AVI・WebM・MKV など主要な形式に対応しています。スマートフォンで撮影した MP4 や MOV ファイルはそのまま使えます。"],["p",{},["strong",{},"Q. ファイルサイズの上限はありますか？"],"\nA. デバイスのメモリに依存します。PC (8GB RAM) なら 2〜4GB 程度まで問題なく処理できます。大容量ファイルは事前に ",["a",{"href":"/tools/video-compress"},"動画圧縮"]," でサイズを小さくしておくと安定します。"],["p",{},["strong",{},"Q. 複数区間を切り出して連結できる？"],"\nA. 現状は 1 区間のみです。複数区間を扱う場合は 1 区間ずつ抽出後、別途結合ツールを使ってください。"],["p",{},["strong",{},"Q. 音声も一緒に切り出される？"],"\nA. はい。映像と音声は同じ区間でセット抽出されます。"],["p",{},["strong",{},"Q. 音声だけ切り出したい場合は？"],"\nA. ",["a",{"href":"/tools/audio-trim"},"音声トリミング"]," を使うか、本ツールで切り出した動画から音声だけを ",["a",{"href":"/tools/audio-convert"},"音声形式変換"]," で抽出してください。"],["h2",{"id":"関連ツール"},"関連ツール"],["ul",{},["li",{},["a",{"href":"/tools/video-compress"},"動画圧縮"]," — トリミング後にサイズ削減"],["li",{},["a",{"href":"/tools/video-to-gif"},"動画 → GIF"]," — 短い区間を GIF アニメに"],["li",{},["a",{"href":"/tools/video-convert"},"動画形式変換"]," — 形式違いへの変換"]]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"こんな場面で使える","depth":2,"text":"こんな場面で使える"},{"id":"なぜブラウザ内でトリミングするのか","depth":2,"text":"なぜブラウザ内でトリミングするのか"},{"id":"使い方","depth":2,"text":"使い方"},{"id":"ffmpegwasm-とは","depth":2,"text":"ffmpeg.wasm とは"},{"id":"仕組み","depth":2,"text":"仕組み"},{"id":"よくある質問","depth":2,"text":"よくある質問"},{"id":"関連ツール","depth":2,"text":"関連ツール"}]}}]]> 動画 トリミング ツール https://zerosend.site/blog/browser-only-limits https://zerosend.site/blog/browser-only-limits Sun, 19 Apr 2026 00:00:00 GMT ブラウザだけで画像・PDF・動画を扱うには、どんな技術を使いどこまでできるのか。Canvas / Web Worker / WebAssembly / File System Access API の採用ポイントと、率直な限界を整理します。 "]," + ",["code",{},"Blob + URL.createObjectURL"]," でダウンロードできるため、互換性の最低ラインは広いです。"],["h2",{"id":"できること"},"できること"],["h3",{"id":"数-mb-数十-mb-のファイル処理"},"数 MB 〜数十 MB のファイル処理"],["p",{},"現代のブラウザは 100MB 級のファイルでも (メモリ次第で) 安定して扱えます。JPG/PNG 画像の圧縮・リサイズ・一括 ZIP 生成は問題なく動作します。"],["h3",{"id":"バッチ処理-zip-生成を含む"},"バッチ処理 (ZIP 生成を含む)"],["p",{},["code",{},"jszip"]," を使えば複数ファイルの圧縮まとめもブラウザ内で完結します。100 ファイル程度の一括処理は実用範囲です。"],["h3",{"id":"逆圧縮形式変換"},"逆圧縮・形式変換"],["p",{},"JPG → WebP、HEIC → JPG、PDF → PNG、MP4 → GIF などの変換は、すべてブラウザ内で実行できます。"],["h2",{"id":"苦手なことできないこと"},"苦手なこと・できないこと"],["h3",{"id":"数-gb-級の動画処理はメモリが持たない"},"数 GB 級の動画処理はメモリが持たない"],["p",{},"ブラウザのプロセスメモリ上限はだいたい 2〜4 GB 程度。それ以上の動画をまるごと処理するのは困難です。",["strong",{},"1 GB を超える動画はデスクトップツール"]," (ffmpeg CLI 等) のほうが安定します。"],["h3",{"id":"機械学習推論は遅い-onnx-runtime-web-は軽量モデル限定"},"機械学習推論は遅い (ONNX Runtime Web は軽量モデル限定)"],["p",{},"ONNX Runtime Web や TensorFlow.js で推論は可能ですが、",["strong",{},"数 GB 級のモデル"],"はブラウザで回すとかなり遅く、UX が実用的ではありません。軽量モデル (数百 MB) に限定するか、サーバー推論と割り切るのが現実的です。"],["h3",{"id":"os-ネイティブ機能への直接アクセス"},"OS ネイティブ機能への直接アクセス"],["p",{},"ブラウザはサンドボックス内で動くので、OS のファイルシステム全体を書き換えるような処理・プロセス起動はできません。セキュリティの観点からも妥当な制約です。"],["h2",{"id":"zerosend-での実装のコツ-開発者向け"},"Zerosend での実装のコツ (開発者向け)"],["h3",{"id":"ドメイン層を-ui-から分離する"},"ドメイン層を UI から分離する"],["p",{},["code",{},"domain/processors/"]," 配下に",["strong",{},"純粋関数"],"を置き、Vue / DOM API に依存させない設計にしています。テストが書きやすく、将来的に CLI 化・API 化もしやすくなります。"],["h3",{"id":"web-worker-に重い処理を分離する判断基準"},"Web Worker に重い処理を分離する判断基準"],["p",{},"目安は ",["strong",{},"100 ms を超える処理はすべて Worker"],"。メインスレッドがそれ以上ブロックすると、ユーザー操作への応答 (クリック・スクロール) が目に見えて遅延します。"],["h3",{"id":"csp-を破らずに-wasm-を読み込む"},"CSP を破らずに WASM を読み込む"],["p",{},"CSP (Content Security Policy) に ",["code",{},"wasm-unsafe-eval"]," を追加する必要があります。Zerosend では meta と ",["code",{},"_headers"]," の両方に設定し、本番でも正しく動作することを確認しています。"],["pre",{"className":["language-text"],"code":"Content-Security-Policy: script-src 'self' 'wasm-unsafe-eval'\n","language":"text"},["code",{"__ignoreMap":""},"Content-Security-Policy: script-src 'self' 'wasm-unsafe-eval'\n"]],["h2",{"id":"今後の展望"},"今後の展望"],["h3",{"id":"webgpu-opfs-の成熟"},"WebGPU / OPFS の成熟"],["ul",{},["li",{},["strong",{},"WebGPU"],": GPU を直接使える API。機械学習推論や 3D レンダリングで大きく速度改善が見込まれます"],["li",{},["strong",{},"OPFS (Origin Private File System)"],": Origin ごとにブラウザが管理する高速ファイル領域。大容量ファイル処理時の中間ストレージに使えます"]],["p",{},"これらが広く使える前提になれば、現状「苦手」としている領域の多くがブラウザだけで片付くようになります。"],["h2",{"id":"まとめ"},"まとめ"],["p",{},"ブラウザ内ファイル処理は ",["strong",{},"Canvas / Web Worker / WebAssembly / File System Access API"]," の組み合わせで、日常的な軽作業のほぼ全域をカバーできます。GB 級や重い ML 推論は依然として苦手ですが、Zerosend が対象とする画像・PDF・音声・短い動画の範囲では実用レベルです。"],["p",{},"この設計の結果、",["a",{"href":"/#tools"},"Zerosend のツール群"]," はサーバーに何も送らずに動作し、DevTools で自ら検証できる透明性を持っています。"],["p",{},"関連: ",["a",{"href":"/blog/why-browser-only"},"なぜ Zerosend はブラウザ内処理にこだわるのか"]," / ",["a",{"href":"/guide/privacy-online-tools"},"ピラー記事"]]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"なぜブラウザだけで処理する選択を採るのか","depth":2,"text":"なぜ「ブラウザだけで処理する」選択を採るのか","children":[{"id":"送らないので漏れないという直球の設計","depth":3,"text":"送らないので漏れない、という直球の設計"},{"id":"設定や権限に依存しない単純さ","depth":3,"text":"設定や権限に依存しない単純さ"}]},{"id":"使っている技術スタック","depth":2,"text":"使っている技術スタック","children":[{"id":"canvas-api-画像の基礎処理","depth":3,"text":"Canvas API — 画像の基礎処理"},{"id":"web-worker-メインスレッドを止めない","depth":3,"text":"Web Worker — メインスレッドを止めない"},{"id":"webassembly-ffmpeg-pdf-系ライブラリの移植","depth":3,"text":"WebAssembly — ffmpeg / pdf 系ライブラリの移植"},{"id":"file-system-access-api-blob-入出力","depth":3,"text":"File System Access API / Blob — 入出力"}]},{"id":"できること","depth":2,"text":"できること","children":[{"id":"数-mb-数十-mb-のファイル処理","depth":3,"text":"数 MB 〜数十 MB のファイル処理"},{"id":"バッチ処理-zip-生成を含む","depth":3,"text":"バッチ処理 (ZIP 生成を含む)"},{"id":"逆圧縮形式変換","depth":3,"text":"逆圧縮・形式変換"}]},{"id":"苦手なことできないこと","depth":2,"text":"苦手なこと・できないこと","children":[{"id":"数-gb-級の動画処理はメモリが持たない","depth":3,"text":"数 GB 級の動画処理はメモリが持たない"},{"id":"機械学習推論は遅い-onnx-runtime-web-は軽量モデル限定","depth":3,"text":"機械学習推論は遅い (ONNX Runtime Web は軽量モデル限定)"},{"id":"os-ネイティブ機能への直接アクセス","depth":3,"text":"OS ネイティブ機能への直接アクセス"}]},{"id":"zerosend-での実装のコツ-開発者向け","depth":2,"text":"Zerosend での実装のコツ (開発者向け)","children":[{"id":"ドメイン層を-ui-から分離する","depth":3,"text":"ドメイン層を UI から分離する"},{"id":"web-worker-に重い処理を分離する判断基準","depth":3,"text":"Web Worker に重い処理を分離する判断基準"},{"id":"csp-を破らずに-wasm-を読み込む","depth":3,"text":"CSP を破らずに WASM を読み込む"}]},{"id":"今後の展望","depth":2,"text":"今後の展望","children":[{"id":"webgpu-opfs-の成熟","depth":3,"text":"WebGPU / OPFS の成熟"}]},{"id":"まとめ","depth":2,"text":"まとめ"}]}}]]> WebAssembly ブラウザ 技術解説 https://zerosend.site/blog/en-welcome https://zerosend.site/blog/en-welcome Sun, 19 Apr 2026 00:00:00 GMT We are launching the official Zerosend blog for English-speaking users. Notes on privacy-first browser-based file processing tools, with no uploads. news https://zerosend.site/blog/favicon-complete-guide-2026 https://zerosend.site/blog/favicon-complete-guide-2026 Sun, 19 Apr 2026 00:00:00 GMT ファビコンのサイズは結局どれが必要? ICO と SVG の使い分けは? 2026 年時点で本当に必要なアイコンセットと、1 枚の画像からブラウザ内で一式生成できる方法を解説します。 "]," タグで参照される機能の総称"],["p",{},"ファビコンはブラウザのタブ表示に使われるアイコン、だけではなく",["strong",{},"タブ / ブックマーク / PWA ホーム画面 / 検索結果"],"など複数の文脈で使われる画像の総称です。",["code",{},""]," 内の ",["code",{},""]," / ",["code",{},""]," / ",["code",{},""]," で参照されるアセット群です。"],["h3",{"id":"表示場所によって最適なサイズ形式が違う"},"表示場所によって最適なサイズ・形式が違う"],["p",{},"タブ用には 16×16 / 32×32 の小さいアイコンが必要ですが、iPhone のホーム画面には 180×180 の PNG、Android の PWA には 192×192 と 512×512 の PNG が必要です。場所ごとに要件が違います。"],["h2",{"id":"_2026-年時点で本当に必要なアイコン"},"2026 年時点で本当に必要なアイコン"],["h3",{"id":"必須-3-つ"},"必須 3 つ"],["ul",{},["li",{},["code",{},"favicon.ico"]," — デスクトップブラウザのタブ / ブックマーク (16/32/48px のマルチサイズ)"],["li",{},["code",{},"apple-touch-icon.png"]," (180×180) — iOS のホーム画面"],["li",{},["code",{},"icon-192.png"]," / ",["code",{},"icon-512.png"]," — Android / PWA 対応"]],["h3",{"id":"推奨-faviconsvg"},"推奨: ",["code",{},"favicon.svg"]],["p",{},"モダンブラウザ (Chrome / Firefox / Safari の最新版) は SVG ファビコンに対応済みです。ベクターなのでどのサイズでもシャープに表示されます。ダークモード切替にも対応できるので、2026 年は ",["strong",{},"SVG を第一選択"],"にして ICO をフォールバックにする運用がおすすめです。"],["h3",{"id":"不要になったもの"},"不要になったもの"],["ul",{},["li",{},["code",{},"browserconfig.xml"]," (Windows 8/10 タイル用) — IE 系と一緒に役目を終えています"],["li",{},["code",{},"*.png"]," の 70×70 / 150×150 / 310×310 (IE/Edge Legacy 向け)"]],["h2",{"id":"svg-ファビコンのメリットと対応ブラウザ"},"SVG ファビコンのメリットと対応ブラウザ"],["h3",{"id":"ダークモード自動切替"},"ダークモード自動切替"],["p",{},"SVG 内に ",["code",{},"@media (prefers-color-scheme: dark)"]," のスタイルを書くだけで、OS のダークモードに合わせて色を切り替えられます。Chrome / Firefox の最新版は対応済みです。"],["pre",{"className":"language-html shiki shiki-themes github-light github-dark","code":"\n","language":"html","meta":"","style":""},["code",{"__ignoreMap":""},["span",{"class":"line","line":1},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"svg"],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":2},["span",{"class":"sVt8B"}," <"],["span",{"class":"s9eBZ"},"style"],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":3},["span",{"class":"sVt8B"}," @media (prefers-color-scheme: dark) {\n"]],["span",{"class":"line","line":4},["span",{"class":"sVt8B"}," .logo { fill: #fff; }\n"]],["span",{"class":"line","line":5},["span",{"class":"sVt8B"}," }\n"]],["span",{"class":"line","line":6},["span",{"class":"sVt8B"}," \n"]],["span",{"class":"line","line":7},["span",{"class":"sVt8B"}," <"],["span",{"class":"s9eBZ"},"rect"],["span",{"class":"sScJk"}," class"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"logo\""],["span",{"class":"sVt8B"}," />\n"]],["span",{"class":"line","line":8},["span",{"class":"sVt8B"},"\n"]]]],["h3",{"id":"アニメーション-限定的"},"アニメーション (限定的)"],["p",{},"SMIL / CSS アニメーションは技術的には可能ですが、ブラウザが",["strong",{},"アイドル時には動かさない"],"等の最適化を入れるケースが多く、過信は禁物です。原則は静止画として設計しましょう。"],["h3",{"id":"非対応ブラウザへのフォールバック"},"非対応ブラウザへのフォールバック"],["p",{},["code",{},""]," と ",["code",{},""]," を並べておけば、対応ブラウザは SVG、非対応は ICO を使います。"],["h2",{"id":"sitewebmanifest-と-pwa"},"site.webmanifest と PWA"],["h3",{"id":"必須プロパティ"},"必須プロパティ"],["p",{},"PWA 対応を見据えると ",["code",{},"site.webmanifest"]," を用意します。最低限の中身はこうなります。"],["pre",{"className":"language-json shiki shiki-themes github-light github-dark","code":"{\n \"name\": \"My Site\",\n \"short_name\": \"MySite\",\n \"icons\": [\n { \"src\": \"/icon-192.png\", \"sizes\": \"192x192\", \"type\": \"image/png\" },\n { \"src\": \"/icon-512.png\", \"sizes\": \"512x512\", \"type\": \"image/png\" }\n ],\n \"theme_color\": \"#0a0a0a\",\n \"background_color\": \"#ffffff\",\n \"display\": \"standalone\"\n}\n","language":"json","meta":"","style":""},["code",{"__ignoreMap":""},["span",{"class":"line","line":1},["span",{"class":"sVt8B"},"{\n"]],["span",{"class":"line","line":2},["span",{"class":"sj4cs"}," \"name\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"My Site\""],["span",{"class":"sVt8B"},",\n"]],["span",{"class":"line","line":3},["span",{"class":"sj4cs"}," \"short_name\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"MySite\""],["span",{"class":"sVt8B"},",\n"]],["span",{"class":"line","line":4},["span",{"class":"sj4cs"}," \"icons\""],["span",{"class":"sVt8B"},": [\n"]],["span",{"class":"line","line":5},["span",{"class":"sVt8B"}," { "],["span",{"class":"sj4cs"},"\"src\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"/icon-192.png\""],["span",{"class":"sVt8B"},", "],["span",{"class":"sj4cs"},"\"sizes\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"192x192\""],["span",{"class":"sVt8B"},", "],["span",{"class":"sj4cs"},"\"type\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"image/png\""],["span",{"class":"sVt8B"}," },\n"]],["span",{"class":"line","line":6},["span",{"class":"sVt8B"}," { "],["span",{"class":"sj4cs"},"\"src\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"/icon-512.png\""],["span",{"class":"sVt8B"},", "],["span",{"class":"sj4cs"},"\"sizes\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"512x512\""],["span",{"class":"sVt8B"},", "],["span",{"class":"sj4cs"},"\"type\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"image/png\""],["span",{"class":"sVt8B"}," }\n"]],["span",{"class":"line","line":7},["span",{"class":"sVt8B"}," ],\n"]],["span",{"class":"line","line":8},["span",{"class":"sj4cs"}," \"theme_color\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"#0a0a0a\""],["span",{"class":"sVt8B"},",\n"]],["span",{"class":"line","line":9},["span",{"class":"sj4cs"}," \"background_color\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"#ffffff\""],["span",{"class":"sVt8B"},",\n"]],["span",{"class":"line","line":10},["span",{"class":"sj4cs"}," \"display\""],["span",{"class":"sVt8B"},": "],["span",{"class":"sZZnC"},"\"standalone\"\n"]],["span",{"class":"line","line":11},["span",{"class":"sVt8B"},"}\n"]]]],["h3",{"id":"ios-の癖"},"iOS の癖"],["p",{},"iOS は ",["code",{},"apple-touch-icon.png"]," を優先するため、webmanifest 側に icon を書いても iOS ホーム画面には適用されません。Android と iOS で別々のファイルを用意する前提で運用しましょう。"],["h2",{"id":"html-に設置する正しい書き方"},"HTML に設置する正しい書き方"],["p",{},["code",{},""]," に並べる順序のお手本:"],["pre",{"className":"language-html shiki shiki-themes github-light github-dark","code":"\n\n\n\n\n","language":"html","meta":"","style":""},["code",{"__ignoreMap":""},["span",{"class":"line","line":1},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"link"],["span",{"class":"sScJk"}," rel"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"icon\""],["span",{"class":"sScJk"}," type"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"image/svg+xml\""],["span",{"class":"sScJk"}," href"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"/favicon.svg\""],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":2},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"link"],["span",{"class":"sScJk"}," rel"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"alternate icon\""],["span",{"class":"sScJk"}," type"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"image/x-icon\""],["span",{"class":"sScJk"}," href"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"/favicon.ico\""],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":3},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"link"],["span",{"class":"sScJk"}," rel"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"apple-touch-icon\""],["span",{"class":"sScJk"}," sizes"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"180x180\""],["span",{"class":"sScJk"}," href"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"/apple-touch-icon.png\""],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":4},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"link"],["span",{"class":"sScJk"}," rel"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"manifest\""],["span",{"class":"sScJk"}," href"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"/site.webmanifest\""],["span",{"class":"sVt8B"},">\n"]],["span",{"class":"line","line":5},["span",{"class":"sVt8B"},"<"],["span",{"class":"s9eBZ"},"meta"],["span",{"class":"sScJk"}," name"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"theme-color\""],["span",{"class":"sScJk"}," content"],["span",{"class":"sVt8B"},"="],["span",{"class":"sZZnC"},"\"#0a0a0a\""],["span",{"class":"sVt8B"},">\n"]]]],["h3",{"id":"sizesany-の罠"},["code",{},"sizes=\"any\""]," の罠"],["p",{},["code",{},"sizes=\"any\""]," を SVG に付けると、ブラウザが SVG を ICO より優先するようになります。基本的に意図通りですが、古い iOS で誤解される例があったため、2026 年時点では",["strong",{},"書かないのが無難"],"です。"],["h2",{"id":"ファビコン生成アプローチの-3-類型と向き不向き"},"ファビコン生成アプローチの 3 類型と向き不向き"],["h3",{"id":"アップロード型のオンライン-saas"},"アップロード型のオンライン SaaS"],["p",{},"高機能で一発生成。ただしロゴ画像を一度サーバーに送ります。公開済みのロゴなら気にならないケースが多いです。"],["h3",{"id":"デスクトップ-ローカルアプリ"},"デスクトップ / ローカルアプリ"],["p",{},"ImageMagick / Sketch / Figma 等。CLI や GUI で手元だけで生成できますが、セットアップが必要です。"],["h3",{"id":"ブラウザ内完結型"},"ブラウザ内完結型"],["p",{},"Zerosend の ",["a",{"href":"/tools/favicon-generator"},"ファビコン生成ツール"]," がこの型。",["strong",{},"インストール不要 + 手元完結"],"で、NDA 下の未公開ロゴでも気兼ねなく使えます。"],["h3",{"id":"nda-下未公開ブランド社内案件での選び方"},"NDA 下・未公開ブランド・社内案件での選び方"],["p",{},"受託案件や新規ブランドの立ち上げでは、ロゴ画像の取り扱いに神経を使います。この場合は",["strong",{},"ブラウザ内完結型"],"を選ぶか、デスクトップアプリで手元処理するのが安心です。"],["h2",{"id":"zerosend-でブラウザ内完結で作る手順"},"Zerosend でブラウザ内完結で作る手順"],["p",{},"1 枚の PNG または SVG から、必要なファイル一式 (ICO / PNG 複数サイズ / apple-touch-icon / site.webmanifest / HTML スニペット) を ZIP で一気に生成できます。"],["ol",{},["li",{},["a",{"href":"/tools/favicon-generator"},"/tools/favicon-generator"]," にアクセス"],["li",{},"ロゴ画像をドラッグ&ドロップ (推奨: 512×512 以上の正方形)"],["li",{},"アプリ名 / theme_color / background_color を入力"],["li",{},"「ファビコン一式を生成する」"],["li",{},"生成されたプレビューを確認し、ZIP をダウンロード"],["li",{},"ZIP に同梱の ",["code",{},"snippet.html"]," の内容を ",["code",{},""]," に貼り付け、各ファイルをサイトのルート (",["code",{},"/"],") に配置"]],["p",{},"ブラウザ内完結なので、ロゴ画像が外部に送られることはありません。"],["h2",{"id":"よくある失敗"},"よくある失敗"],["h3",{"id":"retina-で滲む"},"Retina で滲む"],["p",{},"タブで綺麗に見せるには 32×32 や 48×48 も用意する必要があります。Zerosend は 16/32/48 のマルチサイズ ICO を自動で作ります。"],["h3",{"id":"ios-ホーム画面で余白が出る"},"iOS ホーム画面で余白が出る"],["p",{},["code",{},"apple-touch-icon.png"]," は",["strong",{},"背景透過に対応していません"],"。透過 PNG を渡すと iOS が黒背景で埋めてしまうので、背景色を明示的に塗った PNG を用意しましょう。"],["h3",{"id":"faviconico-だけしか指定していない"},["code",{},"favicon.ico"]," だけしか指定していない"],["p",{},"モダンブラウザで SVG を使うメリットを取りこぼします。少なくとも ",["code",{},"favicon.svg"]," は併用するのが 2026 年の標準です。"],["h3",{"id":"ブラウザキャッシュが残って古いアイコンが表示される"},"ブラウザキャッシュが残って古いアイコンが表示される"],["p",{},"ブラウザはファビコンを積極的にキャッシュします。差し替え後に古いアイコンのままになる時は次を試します。"],["ul",{},["li",{},["strong",{},"強制リロード"]," (",["code",{},"Ctrl+Shift+R"]," / ",["code",{},"Cmd+Shift+R"],") で再取得"],["li",{},["strong",{},"プライベート / シークレットウィンドウ"]," で確認 (キャッシュを噛まない)"],["li",{},"本番では ",["code",{},""]," のように",["strong",{},"バージョンクエリ"],"を付けて即時反映を促す"],["li",{},"Chrome は ",["code",{},"chrome://favicon/https://your-site.com/"]," でブラウザが認識しているファビコンを直接確認できる"]],["h3",{"id":"google-検索結果にファビコンが出ない"},"Google 検索結果にファビコンが出ない"],["p",{},"Google モバイル SERP に表示されるには ",["strong",{},"48×48 以上のアイコンがクロール可能"],"であること、かつ「サイト全体を代表するアイコン」というガイドラインに沿っていることが求められます。Zerosend のファビコン生成ツールは 16/32/48 のマルチサイズ ICO を自動で書き出すため、この要件は満たせます。サブドメインごとに別のファビコンを設定することも可能です。"],["h2",{"id":"まとめ"},"まとめ"],["p",{},"2026 年のファビコン運用は「SVG を第一選択 + ICO / apple-touch-icon / PWA アイコン + webmanifest」の組み合わせで完成します。1 枚の画像から一式を生成するなら、ブラウザ内で完結する ",["a",{"href":"/tools/favicon-generator"},"Zerosend のファビコン生成ツール"]," が手早くておすすめです。"],["p",{},"関連: ",["a",{"href":"/blog/favicon-generator-intro"},"ファビコン生成ツールの舞台裏"]],["style",{},"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}"]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"ファビコンとは何か-1-分で復習","depth":2,"text":"ファビコンとは何か (1 分で復習)","children":[{"id":"link-タグで参照される機能の総称","depth":3,"text":" タグで参照される機能の総称"},{"id":"表示場所によって最適なサイズ形式が違う","depth":3,"text":"表示場所によって最適なサイズ・形式が違う"}]},{"id":"_2026-年時点で本当に必要なアイコン","depth":2,"text":"2026 年時点で本当に必要なアイコン","children":[{"id":"必須-3-つ","depth":3,"text":"必須 3 つ"},{"id":"推奨-faviconsvg","depth":3,"text":"推奨: favicon.svg"},{"id":"不要になったもの","depth":3,"text":"不要になったもの"}]},{"id":"svg-ファビコンのメリットと対応ブラウザ","depth":2,"text":"SVG ファビコンのメリットと対応ブラウザ","children":[{"id":"ダークモード自動切替","depth":3,"text":"ダークモード自動切替"},{"id":"アニメーション-限定的","depth":3,"text":"アニメーション (限定的)"},{"id":"非対応ブラウザへのフォールバック","depth":3,"text":"非対応ブラウザへのフォールバック"}]},{"id":"sitewebmanifest-と-pwa","depth":2,"text":"site.webmanifest と PWA","children":[{"id":"必須プロパティ","depth":3,"text":"必須プロパティ"},{"id":"ios-の癖","depth":3,"text":"iOS の癖"}]},{"id":"html-に設置する正しい書き方","depth":2,"text":"HTML に設置する正しい書き方","children":[{"id":"sizesany-の罠","depth":3,"text":"sizes=\"any\" の罠"}]},{"id":"ファビコン生成アプローチの-3-類型と向き不向き","depth":2,"text":"ファビコン生成アプローチの 3 類型と向き不向き","children":[{"id":"アップロード型のオンライン-saas","depth":3,"text":"アップロード型のオンライン SaaS"},{"id":"デスクトップ-ローカルアプリ","depth":3,"text":"デスクトップ / ローカルアプリ"},{"id":"ブラウザ内完結型","depth":3,"text":"ブラウザ内完結型"},{"id":"nda-下未公開ブランド社内案件での選び方","depth":3,"text":"NDA 下・未公開ブランド・社内案件での選び方"}]},{"id":"zerosend-でブラウザ内完結で作る手順","depth":2,"text":"Zerosend でブラウザ内完結で作る手順"},{"id":"よくある失敗","depth":2,"text":"よくある失敗","children":[{"id":"retina-で滲む","depth":3,"text":"Retina で滲む"},{"id":"ios-ホーム画面で余白が出る","depth":3,"text":"iOS ホーム画面で余白が出る"},{"id":"faviconico-だけしか指定していない","depth":3,"text":"favicon.ico だけしか指定していない"},{"id":"ブラウザキャッシュが残って古いアイコンが表示される","depth":3,"text":"ブラウザキャッシュが残って古いアイコンが表示される"},{"id":"google-検索結果にファビコンが出ない","depth":3,"text":"Google 検索結果にファビコンが出ない"}]},{"id":"まとめ","depth":2,"text":"まとめ"}]}}]]> ファビコン Web制作 SVG https://zerosend.site/blog/favicon-generator-intro https://zerosend.site/blog/favicon-generator-intro Sun, 19 Apr 2026 00:00:00 GMT 1 枚の画像から ICO / PNG / apple-touch-icon / site.webmanifest を生成するファビコン生成ツールを公開しました。ICO フォーマットを自前で書き出す実装のポイントを紹介します。 "]," に貼り付ける link タグ"]],["h2",{"id":"使い方ステップ"},"使い方ステップ"],["ol",{},["li",{},["strong",{},"画像を準備する"]," — 正方形の PNG / JPG / WebP / SVG を用意。最低でも 512×512px 推奨"],["li",{},["strong",{},"ドロップする"]," — ",["a",{"href":"/tools/favicon-generator"},["code",{},"/tools/favicon-generator"]]," を開いてドラッグ&ドロップ"],["li",{},["strong",{},"ZIP をダウンロードする"]," — ボタンを押すと 9 ファイルが入った ZIP が生成される"],["li",{},["strong",{},"HTML に貼り付ける"]," — ",["code",{},"snippet.html"]," の内容をサイトの ",["code",{},""]," にコピーして完了"]],["h2",{"id":"ico-を自前で書き出す"},"ICO を自前で書き出す"],["p",{},"PNG は Canvas API で簡単に書き出せますが、ICO は少し工夫が必要です。とはいえ、Windows Vista 以降の ICO は ",["strong",{},"PNG バイト列をそのまま埋め込める"]," ため、意外と単純です。"],["p",{},"構造:"],["ul",{},["li",{},["strong",{},"ICONDIR"]," (6 バイト): reserved / type / image count"],["li",{},["strong",{},"ICONDIRENTRY"]," (16 バイト × 画像数): 幅 / 高さ / bpp / サイズ / オフセット"],["li",{},["strong",{},"画像データ"],": PNG のバイト列を順に連結"]],["p",{},"依存ゼロで 30 行程度に収まります。",["code",{},"domain/processors/faviconGenerator.ts"]," で実装を公開しています。"],["h2",{"id":"よくある質問"},"よくある質問"],["p",{},["strong",{},"Q. どのサイズが必要ですか？"],"\nA. 最低限は ",["code",{},"favicon.ico"]," (16/32px) と ",["code",{},"apple-touch-icon.png"]," (180px) です。PWA 対応するなら 192px と 512px も必要です。本ツールはこれらをすべて一括生成します。"],["p",{},["strong",{},"Q. SVG のロゴから生成できますか？"],"\nA. はい。SVG を入力するとブラウザ側で各サイズにラスタライズしてから ICO / PNG を生成します。"],["h2",{"id":"検証の楽しさ"},"検証の楽しさ"],["p",{},"作ったあとは DevTools の Network タブで確認できます。画像選択 → 生成 → ダウンロードの全てで、あなたのロゴが外に出ないことを自分で検証できます。"],["h2",{"id":"関連ツール"},"関連ツール"],["ul",{},["li",{},["a",{"href":"/tools/image-compress"},"画像圧縮"]," — 入力画像が大きすぎる場合、事前に軽量化"],["li",{},["a",{"href":"/tools/image-resize"},"画像リサイズ"]," — 正方形にトリミングしてからファビコン生成すると精度が上がる"]],["h2",{"id":"まとめ"},"まとめ"],["p",{},"1 枚の画像から ICO / PNG / apple-touch-icon / manifest / HTML スニペットを、あなたの端末だけで生成できます。",["a",{"href":"/tools/favicon-generator"},"試してみてください"],"。"]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"ファビコンが必要な理由","depth":2,"text":"ファビコンが必要な理由"},{"id":"背景","depth":2,"text":"背景"},{"id":"何が出力されるか","depth":2,"text":"何が出力されるか"},{"id":"使い方ステップ","depth":2,"text":"使い方ステップ"},{"id":"ico-を自前で書き出す","depth":2,"text":"ICO を自前で書き出す"},{"id":"よくある質問","depth":2,"text":"よくある質問"},{"id":"検証の楽しさ","depth":2,"text":"検証の楽しさ"},{"id":"関連ツール","depth":2,"text":"関連ツール"},{"id":"まとめ","depth":2,"text":"まとめ"}]}}]]> ツール 技術解説 https://zerosend.site/blog/heic-to-jpg-windows https://zerosend.site/blog/heic-to-jpg-windows Sun, 19 Apr 2026 00:00:00 GMT HEIC が Windows で開けない原因と、Microsoft Store 拡張機能・ブラウザ内変換・iPhone 設定変更の3手順を図解。プライバシー・速度・画質を軸に用途別おすすめを解説。 HEIC 画像 Windows https://zerosend.site/blog/image-compress-guide https://zerosend.site/blog/image-compress-guide Sun, 19 Apr 2026 00:00:00 GMT 画像圧縮で画質を損なわず最大限軽くする方法を解説。品質設定・フォーマット選択・リサイズ順序・サーバー非送信ツールの比較まで実用的な情報を網羅。 "]," 要素の ",["code",{},"srcset"]," を使えば、対応ブラウザには AVIF を、非対応ブラウザには WebP または JPG を自動配信できる。"],["h3",{"id":"可逆圧縮と非可逆圧縮の選択基準"},"可逆圧縮と非可逆圧縮の選択基準"],["p",{},["strong",{},"可逆（lossless）"]," はファイルを展開すれば元データと完全に一致する。PNG がその代表例で、ロゴや図版など「1 ピクセルも変えたくない」素材に適している。"],["p",{},["strong",{},"非可逆（lossy）"]," は人間の視覚が感知しにくい情報を捨てることで大幅な容量削減を実現する。JPG・WebP lossy・AVIF がこれに当たる。Web 配信用の写真は非可逆で十分だ。"],["hr",{}],["h2",{"id":"画質を保ったまま圧縮する5つの実践的コツ"},"画質を保ったまま圧縮する5つの実践的コツ"],["h3",{"id":"コツ1品質-8085-が最適点"},"コツ1：品質 80〜85% が最適点"],["p",{},"JPG の品質設定は 100% である必要はなく、",["strong",{},"85% が最適点"]," である。視覚的に差がほぼ分からないにもかかわらず、ファイルサイズは 100% 比で約 40% に減少する。"],["p",{},"以下は品質設定と容量・画質の関係を示した実測ベースの目安だ。"],["table",{},["thead",{},["tr",{},["th",{},"品質設定"],["th",{},"体感画質"],["th",{},"元画像比サイズ"],["th",{},"推奨用途"]]],["tbody",{},["tr",{},["td",{},"100%"],["td",{},"最高"],["td",{},"100%"],["td",{},"原本保存のみ"]],["tr",{},["td",{},"95%"],["td",{},"最高"],["td",{},"約70%"],["td",{},"印刷・高品質配信"]],["tr",{},["td",{},"85%"],["td",{},"ほぼ最高"],["td",{},"約40%"],["td",{},["strong",{},"Web 配信の黄金点"]]],["tr",{},["td",{},"75%"],["td",{},"良好"],["td",{},"約30%"],["td",{},"軽量化優先"]],["tr",{},["td",{},"60%"],["td",{},"ノイズが見え始める"],["td",{},"約22%"],["td",{},"サムネイル等"]],["tr",{},["td",{},"40%"],["td",{},"明確に劣化"],["td",{},"約15%"],["td",{},"非推奨"]]]],["p",{},"85% より上は容量削減効率が急落し、75% 以下は輪郭にブロックノイズが発生し始める。この「85% の黄金点」は Google の PageSpeed Insights が推奨する水準とも一致している。"],["h3",{"id":"コツ2リサイズは圧縮より先に行う"},"コツ2：リサイズは圧縮より先に行う"],["p",{},"「圧縮前にピクセル数を表示サイズに合わせる」は、品質と容量の両立において圧縮設定の調整より効果が大きい。"],["p",{},"3,000px 幅の写真を 300px で表示するページに置くと、ダウンロードされるのは 3,000px の高解像度データであり、ブラウザが表示時に縮小するだけだ。無駄な転送が発生している。",["a",{"href":"/tools/image-resize"},"画像リサイズツール"]," で先に縮小してから圧縮する手順を徹底すること。"],["p",{},"なお、元画像より ",["strong",{},"大きく拡大しても画質は上がらない"],"。補間処理でぼやけるだけで情報量は増えないため、リサイズは縮小方向にのみ使う。"],["h3",{"id":"コツ3exif-メタデータを除去する"},"コツ3：EXIF メタデータを除去する"],["p",{},"前述のプライバシーリスクに加え、EXIF は数 KB〜数十 KB のオーバーヘッドになる。多くの圧縮ツールは EXIF 除去をオプションとして提供しているが、",["strong",{},"デフォルトでオフ"]," のものも多い。除去設定を確認してから処理することを習慣にする。"],["h3",{"id":"コツ4非可逆圧縮を繰り返さない"},"コツ4：非可逆圧縮を繰り返さない"],["p",{},"JPG の非可逆圧縮は「元画像 → 圧縮済み JPG」の処理ごとに画質が劣化する。一度圧縮した JPG を再度読み込んで再圧縮すると、劣化が積み重なる。必ず ",["strong",{},"元画像（RAW または高品質 JPG）から 1 回だけ"]," 圧縮する運用にする。"],["h3",{"id":"コツ5重要な画像は目視で差分確認する"},"コツ5：重要な画像は目視で差分確認する"],["p",{},"アイキャッチ・製品写真・プレゼン図版など視覚的品質が重要な画像は、圧縮前後の比較確認を行う。多くのツールは圧縮前後を並べて表示するプレビュー機能を持つ。自動バッチ処理に任せると過剰圧縮が見落とされることがある。"],["hr",{}],["h2",{"id":"オンライン画像圧縮ツールの比較"},"オンライン画像圧縮ツールの比較"],["h3",{"id":"主要ツール比較表"},"主要ツール比較表"],["p",{},"以下は 2026 年時点での主要な画像圧縮ツールの比較だ。"],["table",{},["thead",{},["tr",{},["th",{},"ツール"],["th",{},"送信先サーバー"],["th",{},"処理方式"],["th",{},"無料枠"],["th",{},"バッチ処理"],["th",{},"EXIF 除去"],["th",{},"オフライン動作"]]],["tbody",{},["tr",{},["td",{},["strong",{},"Zerosend"]],["td",{},["strong",{},"なし（ブラウザ完結）"]],["td",{},"Web Worker + browser-image-compression"],["td",{},"無制限"],["td",{},"○"],["td",{},"○（デフォルト有効）"],["td",{},"○（SW キャッシュ）"]],["tr",{},["td",{},"Squoosh（Google）"],["td",{},"なし（ブラウザ完結）"],["td",{},"WASM"],["td",{},"無制限"],["td",{},"△（1枚ずつ）"],["td",{},"○"],["td",{},"○"]],["tr",{},["td",{},"TinyPNG"],["td",{},"PNG/JPG をサーバーに送信"],["td",{},"クラウド"],["td",{},"月20枚"],["td",{},"○（API）"],["td",{},"△"],["td",{},"✕"]],["tr",{},["td",{},"Smallpdf"],["td",{},"サーバーに送信"],["td",{},"クラウド"],["td",{},"日2回"],["td",{},"○"],["td",{},"△"],["td",{},"✕"]],["tr",{},["td",{},"iLovePDF"],["td",{},"サーバーに送信"],["td",{},"クラウド"],["td",{},"制限あり"],["td",{},"○"],["td",{},"△"],["td",{},"✕"]],["tr",{},["td",{},"Adobe Express"],["td",{},"サーバーに送信"],["td",{},"クラウド"],["td",{},"制限あり"],["td",{},"△"],["td",{},"△"],["td",{},"✕"]]]],["p",{},"TinyPNG や Smallpdf は高品質なサービスだが、ファイルを一度クラウドサーバーに送信する設計であるため、機密性の高い画像（社内資料・個人情報を含む写真など）には適さない。"],["h3",{"id":"サーバー送信有無を自分で確認する方法"},"サーバー送信有無を自分で確認する方法"],["p",{},"ツールの説明を信頼するだけでなく、",["strong",{},"DevTools の Network タブで実際に確認する"]," のが確実だ。"],["ol",{},["li",{},"圧縮ツールのページを開く"],["li",{},"ブラウザの DevTools を起動（Windows: ",["code",{},"F12"],"、Mac: ",["code",{},"Cmd + Option + I"],"）"],["li",{},"「Network」タブを選択し「Preserve log」を有効にする"],["li",{},"画像をドラッグ&ドロップして処理を実行する"],["li",{},"Network タブの通信ログを確認する"]],["p",{},"サーバー送信型のツールは、処理時に大きなペイロードを含む POST リクエストが発生する。Zerosend の場合、画像をドロップしても POST リクエストは発生せず、CDN・アナリティクスなどの通常のページリクエストのみが表示される。",["strong",{},"アップロード通信ゼロ"]," を自分で確認できる。"],["hr",{}],["h2",{"id":"zerosend-でブラウザ完結の画像圧縮を行う手順"},"Zerosend でブラウザ完結の画像圧縮を行う手順"],["p",{},"Zerosend の画像圧縮ツールは ",["a",{"href":"https://github.com/Donaldcwl/browser-image-compression","rel":["nofollow"]},"browser-image-compression"]," ライブラリを ",["strong",{},"Web Worker"]," 上で動作させている。Web Worker はメインスレッドとは別のスレッドで処理を実行するブラウザの仕組みであり、処理中でもページの操作が固まらない。圧縮処理はすべてユーザーのブラウザ内で完結し、外部サーバーへの送信は一切発生しない。"],["h3",{"id":"操作手順"},"操作手順"],["ol",{},["li",{},["a",{"href":"/tools/image-compress"},"/tools/image-compress"]," にアクセスする"],["li",{},"JPG / PNG / WebP 形式の画像をドラッグ&ドロップ、または「ファイルを選択」から複数選択する"],["li",{},"品質スライダーを調整する（推奨値は ",["strong",{},"80〜85"],"）"],["li",{},"「圧縮する」ボタンをクリックする"],["li",{},"圧縮結果のプレビューと圧縮率を確認する"],["li",{},"1 枚の場合はそのままダウンロード、複数の場合は ZIP でまとめてダウンロードする"]],["h3",{"id":"オフライン動作について"},"オフライン動作について"],["p",{},"Zerosend は Service Worker によるキャッシュを実装しており、初回アクセス後はネットワーク接続がなくても動作する。出張先や電波の届かない環境でも、ブラウザを開いていれば画像圧縮を実行できる。"],["hr",{}],["h2",{"id":"よくある落とし穴と対処法"},"よくある落とし穴と対処法"],["h3",{"id":"透過-png-を-jpg-変換すると白背景になる"},"透過 PNG を JPG 変換すると白背景になる"],["p",{},"JPG フォーマットは透過（アルファチャンネル）をサポートしていない。透過 PNG を JPG 変換すると、透過部分が白で塗りつぶされる。ロゴやアイコンで透過が必要な場合は ",["strong",{},"PNG のまま圧縮するか WebP に変換する"],"。",["a",{"href":"/tools/image-convert"},"画像形式変換ツール"]," を参照。"],["h3",{"id":"圧縮後に色がくすんで見える"},"圧縮後に色がくすんで見える"],["p",{},"Adobe RGB や Display P3 プロファイルで保存された画像を sRGB 非対応の処理フローに通すと、色空間の変換時に彩度が失われる。Web 配信では ",["strong",{},"sRGB に統一"]," するのが安全だ。プロファイルが不明な画像は、圧縮後に別のブラウザやデバイスで色味を確認する。"],["h3",{"id":"sns-投稿は自分での極限圧縮が逆効果になる場合がある"},"SNS 投稿は自分での極限圧縮が逆効果になる場合がある"],["p",{},"Twitter（X）・Instagram・LINE は投稿時に独自アルゴリズムで再圧縮を行う。自分で品質を 40〜50% まで下げた上に SNS 側の再圧縮が重なると、最終的な画質が著しく低下することがある。SNS 向けの画像は ",["strong",{},"80〜85% の設定で一度だけ圧縮"]," し、プラットフォームの再処理に任せる方が綺麗な結果になりやすい。"],["h3",{"id":"バッチ処理後に全件確認をしない"},"バッチ処理後に全件確認をしない"],["p",{},"一括処理の便利さから、圧縮後の全ファイルを確認しないまま公開するケースがある。異常に小さいファイルサイズになっているものや、極端に品質が下がっているものが混入していることがある。少なくともサムネイル一覧で目視確認する習慣をつける。"],["hr",{}],["h2",{"id":"faq"},"FAQ"],["h3",{"id":"q1-webp-への変換は必須ですか"},"Q1. WebP への変換は必須ですか？"],["p",{},"必須ではないが、推奨する。同等の画質で JPG より 25〜35% 容量を削減できるケースが多い。ただし古い環境への対応が必要な場合は ",["code",{},""]," タグでフォールバックを設定する。"],["h3",{"id":"q2-png-を圧縮しても容量があまり減らないのはなぜですか"},"Q2. PNG を圧縮しても容量があまり減らないのはなぜですか？"],["p",{},"PNG は可逆圧縮であるため、非可逆圧縮の JPG ほど大幅な削減は期待できない。PNG の容量を大きく削減したい場合は、非可逆の WebP への変換を検討する。透過が不要な写真系コンテンツであれば JPG または WebP lossy が最適だ。"],["h3",{"id":"q3-圧縮ツールに画像をアップロードするとデータは保存されますか"},"Q3. 圧縮ツールに画像をアップロードするとデータは保存されますか？"],["p",{},"サーバー処理型のツール（TinyPNG・Smallpdf 等）は各社のプライバシーポリシーに従って一定期間保存される場合がある。ブラウザ処理型のツール（Zerosend・Squoosh 等）はファイルをサーバーに送信しないため、保存の問題自体が発生しない。"],["h3",{"id":"q4-圧縮後にファイルが元より大きくなることはありますか"},"Q4. 圧縮後にファイルが元より大きくなることはありますか？"],["p",{},"ある。既に高圧縮済みの JPG をさらに圧縮しようとすると、再エンコードのオーバーヘッドでわずかに大きくなる場合がある。また、小さな PNG を WebP に変換した際に逆に大きくなるケースもある。圧縮後サイズを必ず確認し、大きくなっていた場合は元ファイルを使用する。"],["h3",{"id":"q5-スマートフォンのカメラ写真に含まれる-gps-情報を削除できますか"},"Q5. スマートフォンのカメラ写真に含まれる GPS 情報を削除できますか？"],["p",{},"EXIF 除去機能を持つ圧縮ツールであれば削除できる。Zerosend の画像圧縮はデフォルトで EXIF を除去する。除去されているかどうかは、処理後のファイルを ",["a",{"href":"https://exifdata.com/","rel":["nofollow"]},"Jeffrey's Exif Viewer"]," 等のオンラインツールで確認できる。"],["hr",{}],["h2",{"id":"まとめ"},"まとめ"],["p",{},"画像圧縮の実践的な結論をまとめる。"],["ul",{},["li",{},["strong",{},"フォーマット選択"],"：写真は JPG または WebP lossy、ロゴ・透過は PNG または WebP lossless"],["li",{},["strong",{},"品質設定"],"：JPG / WebP は 80〜85% を起点に調整する"],["li",{},["strong",{},"処理順序"],"：リサイズ（ピクセル数削減）→ 圧縮（品質調整）→ EXIF 除去"],["li",{},["strong",{},"非可逆圧縮は元画像から1回のみ"],"：再圧縮による劣化の積み重ねを避ける"],["li",{},["strong",{},"ツール選定"],"：機密画像を扱う場合はサーバー送信の有無を DevTools で確認する"]],["p",{},"機密性の高い画像、個人写真、社内資料の圧縮には、ブラウザ完結処理の ",["a",{"href":"/tools/image-compress"},"Zerosend 画像圧縮ツール"]," が選択肢の一つとなる。処理が完全にローカルで完結するため、送信リスクが構造的にない。品質スライダーと圧縮前後のプレビューで結果を確認しながら、適切な設定を見つけることができる。"]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"なぜ画像圧縮が収益seouxに直結するのか","depth":2,"text":"なぜ画像圧縮が収益・SEO・UXに直結するのか","children":[{"id":"core-web-vitals-と-lcp-の関係","depth":3,"text":"Core Web Vitals と LCP の関係"},{"id":"ストレージcdn-コストの累積","depth":3,"text":"ストレージ・CDN コストの累積"},{"id":"プライバシーリスクexif-メタデータ","depth":3,"text":"プライバシーリスク：EXIF メタデータ"}]},{"id":"画像フォーマットの選び方jpgpngwebpavif","depth":2,"text":"画像フォーマットの選び方：JPG・PNG・WebP・AVIF","children":[{"id":"jpg-と-png-の使い分け原則","depth":3,"text":"JPG と PNG の使い分け原則"},{"id":"webp-と-avif-の現在地2026年時点","depth":3,"text":"WebP と AVIF の現在地（2026年時点）"},{"id":"可逆圧縮と非可逆圧縮の選択基準","depth":3,"text":"可逆圧縮と非可逆圧縮の選択基準"}]},{"id":"画質を保ったまま圧縮する5つの実践的コツ","depth":2,"text":"画質を保ったまま圧縮する5つの実践的コツ","children":[{"id":"コツ1品質-8085-が最適点","depth":3,"text":"コツ1：品質 80〜85% が最適点"},{"id":"コツ2リサイズは圧縮より先に行う","depth":3,"text":"コツ2：リサイズは圧縮より先に行う"},{"id":"コツ3exif-メタデータを除去する","depth":3,"text":"コツ3：EXIF メタデータを除去する"},{"id":"コツ4非可逆圧縮を繰り返さない","depth":3,"text":"コツ4：非可逆圧縮を繰り返さない"},{"id":"コツ5重要な画像は目視で差分確認する","depth":3,"text":"コツ5：重要な画像は目視で差分確認する"}]},{"id":"オンライン画像圧縮ツールの比較","depth":2,"text":"オンライン画像圧縮ツールの比較","children":[{"id":"主要ツール比較表","depth":3,"text":"主要ツール比較表"},{"id":"サーバー送信有無を自分で確認する方法","depth":3,"text":"サーバー送信有無を自分で確認する方法"}]},{"id":"zerosend-でブラウザ完結の画像圧縮を行う手順","depth":2,"text":"Zerosend でブラウザ完結の画像圧縮を行う手順","children":[{"id":"操作手順","depth":3,"text":"操作手順"},{"id":"オフライン動作について","depth":3,"text":"オフライン動作について"}]},{"id":"よくある落とし穴と対処法","depth":2,"text":"よくある落とし穴と対処法","children":[{"id":"透過-png-を-jpg-変換すると白背景になる","depth":3,"text":"透過 PNG を JPG 変換すると白背景になる"},{"id":"圧縮後に色がくすんで見える","depth":3,"text":"圧縮後に色がくすんで見える"},{"id":"sns-投稿は自分での極限圧縮が逆効果になる場合がある","depth":3,"text":"SNS 投稿は自分での極限圧縮が逆効果になる場合がある"},{"id":"バッチ処理後に全件確認をしない","depth":3,"text":"バッチ処理後に全件確認をしない"}]},{"id":"faq","depth":2,"text":"FAQ","children":[{"id":"q1-webp-への変換は必須ですか","depth":3,"text":"Q1. WebP への変換は必須ですか？"},{"id":"q2-png-を圧縮しても容量があまり減らないのはなぜですか","depth":3,"text":"Q2. PNG を圧縮しても容量があまり減らないのはなぜですか？"},{"id":"q3-圧縮ツールに画像をアップロードするとデータは保存されますか","depth":3,"text":"Q3. 圧縮ツールに画像をアップロードするとデータは保存されますか？"},{"id":"q4-圧縮後にファイルが元より大きくなることはありますか","depth":3,"text":"Q4. 圧縮後にファイルが元より大きくなることはありますか？"},{"id":"q5-スマートフォンのカメラ写真に含まれる-gps-情報を削除できますか","depth":3,"text":"Q5. スマートフォンのカメラ写真に含まれる GPS 情報を削除できますか？"}]},{"id":"まとめ","depth":2,"text":"まとめ"}]}}]]> 画像 SEO Core Web Vitals https://zerosend.site/blog/pdf-merge-guide https://zerosend.site/blog/pdf-merge-guide Sun, 19 Apr 2026 00:00:00 GMT 契約書・請求書を外部サーバーに送らず PDF を結合する方法を解説。ブラウザ内完結ツールの仕組み、競合比較、並び順トラブル対処、B2B 運用ルールまで網羅。 merged.addPage(page))\n}\n\nwriteFileSync('merged_output.pdf', await merged.save())\n","language":"typescript","meta":"","style":""},["code",{"__ignoreMap":""},["span",{"class":"line","line":1},["span",{"class":"szBVR"},"import"],["span",{"class":"sVt8B"}," { PDFDocument } "],["span",{"class":"szBVR"},"from"],["span",{"class":"sZZnC"}," 'pdf-lib'\n"]],["span",{"class":"line","line":2},["span",{"class":"szBVR"},"import"],["span",{"class":"sVt8B"}," { readFileSync, writeFileSync } "],["span",{"class":"szBVR"},"from"],["span",{"class":"sZZnC"}," 'node:fs'\n"]],["span",{"class":"line","line":3},["span",{"emptyLinePlaceholder":true},"\n"]],["span",{"class":"line","line":4},["span",{"class":"szBVR"},"const"],["span",{"class":"sj4cs"}," files"],["span",{"class":"szBVR"}," ="],["span",{"class":"sVt8B"}," ["],["span",{"class":"sZZnC"},"'01_表紙.pdf'"],["span",{"class":"sVt8B"},", "],["span",{"class":"sZZnC"},"'02_本文.pdf'"],["span",{"class":"sVt8B"},", "],["span",{"class":"sZZnC"},"'03_別紙.pdf'"],["span",{"class":"sVt8B"},"] "],["span",{"class":"sJ8bj"},"// 順序を明示\n"]],["span",{"class":"line","line":5},["span",{"class":"szBVR"},"const"],["span",{"class":"sj4cs"}," merged"],["span",{"class":"szBVR"}," ="],["span",{"class":"szBVR"}," await"],["span",{"class":"sVt8B"}," PDFDocument."],["span",{"class":"sScJk"},"create"],["span",{"class":"sVt8B"},"()\n"]],["span",{"class":"line","line":6},["span",{"emptyLinePlaceholder":true},"\n"]],["span",{"class":"line","line":7},["span",{"class":"szBVR"},"for"],["span",{"class":"sVt8B"}," ("],["span",{"class":"szBVR"},"const"],["span",{"class":"sj4cs"}," filePath"],["span",{"class":"szBVR"}," of"],["span",{"class":"sVt8B"}," files) {\n"]],["span",{"class":"line","line":8},["span",{"class":"szBVR"}," const"],["span",{"class":"sj4cs"}," src"],["span",{"class":"szBVR"}," ="],["span",{"class":"szBVR"}," await"],["span",{"class":"sVt8B"}," PDFDocument."],["span",{"class":"sScJk"},"load"],["span",{"class":"sVt8B"},"("],["span",{"class":"sScJk"},"readFileSync"],["span",{"class":"sVt8B"},"(filePath))\n"]],["span",{"class":"line","line":9},["span",{"class":"szBVR"}," const"],["span",{"class":"sj4cs"}," pages"],["span",{"class":"szBVR"}," ="],["span",{"class":"szBVR"}," await"],["span",{"class":"sVt8B"}," merged."],["span",{"class":"sScJk"},"copyPages"],["span",{"class":"sVt8B"},"(src, src."],["span",{"class":"sScJk"},"getPageIndices"],["span",{"class":"sVt8B"},"())\n"]],["span",{"class":"line","line":10},["span",{"class":"sVt8B"}," pages."],["span",{"class":"sScJk"},"forEach"],["span",{"class":"sVt8B"},"("],["span",{"class":"s4XuR"},"page"],["span",{"class":"szBVR"}," =>"],["span",{"class":"sVt8B"}," merged."],["span",{"class":"sScJk"},"addPage"],["span",{"class":"sVt8B"},"(page))\n"]],["span",{"class":"line","line":11},["span",{"class":"sVt8B"},"}\n"]],["span",{"class":"line","line":12},["span",{"emptyLinePlaceholder":true},"\n"]],["span",{"class":"line","line":13},["span",{"class":"sScJk"},"writeFileSync"],["span",{"class":"sVt8B"},"("],["span",{"class":"sZZnC"},"'merged_output.pdf'"],["span",{"class":"sVt8B"},", "],["span",{"class":"szBVR"},"await"],["span",{"class":"sVt8B"}," merged."],["span",{"class":"sScJk"},"save"],["span",{"class":"sVt8B"},"())\n"]]]],["p",{},"配列 ",["code",{},"files"]," の順序がそのまま結合後のページ順になる。CI/CD パイプラインに組み込んで、月次レポートの自動生成などに応用できる。pdf-lib の詳しい API は ",["a",{"href":"https://pdf-lib.js.org/","rel":["nofollow"]},"公式ドキュメント"]," を参照。"],["hr",{}],["h2",{"id":"faq"},"FAQ"],["p",{},["strong",{},"Q. zerosend で結合したとき、本当にファイルが外部に送られていないか確認できるか？"]],["p",{},"できる。ブラウザの DevTools（F12）→ Network タブを開いた状態でファイルを追加・結合し、PDF バイナリを含む POST や PUT リクエストが存在しないことを目視で確認できる。処理はすべてブラウザのメモリ内で完結する。"],["p",{},["strong",{},"Q. 何ファイルまで一度に結合できるか？"]],["p",{},"公式に上限ファイル数は設けていないが、1 ファイルあたり 100 MB 以内を推奨している。ファイル数が多くなるほどメモリ消費が増えるため、極端に大きなファイルを数十本まとめて処理する場合はデスクトップアプリの併用を検討する。"],["p",{},["strong",{},"Q. Smallpdf や iLovePDF と比べてどう違うか？"]],["p",{},"最大の違いは送信先だ。Smallpdf・iLovePDF はファイルをヨーロッパのサーバーへ送信して処理する。機能面では両サービスのほうが豊富なオプション（OCR、変換等）を持つが、機密書類の処理には zerosend のようなブラウザ内完結型が適している。"],["p",{},["strong",{},"Q. パスワード付き PDF は結合できるか？"]],["p",{},"現時点では非対応。事前に Adobe Acrobat や PDF パスワード解除ツールでロックを解除してから zerosend に持ち込む必要がある。"],["p",{},["strong",{},"Q. オフライン環境でも使えるか？"]],["p",{},"初回アクセス後は Service Worker がアセットをキャッシュするため、インターネット接続なしでも動作する。社内クローズドネットワークや機内など、外部通信が制限された環境でも利用できる。"],["hr",{}],["h2",{"id":"まとめ"},"まとめ"],["p",{},"PDF 結合の手順そのものはシンプルだが、扱う情報の性質によってツール選定は大きく変わる。主要な判断軸をまとめる。"],["ul",{},["li",{},["strong",{},"外部送信を避けたい場合"],": ブラウザ内完結型（zerosend 等）を選ぶ。DevTools で自分で検証できる"],["li",{},["strong",{},"並び順の精度が必要な場合"],": 文字列ソートに依存せず、明示的な並び替えができるツールを使う。zerosend はドラッグ&ドロップで制御できる"],["li",{},["strong",{},"大量・高頻度の定型処理"],": pdf-lib を使った Node.js スクリプトで自動化し、順序をコードで管理する"],["li",{},["strong",{},"機能の豊富さが最優先で機密性が低い場合"],": Smallpdf・iLovePDF・Adobe Acrobat オンラインが選択肢になる"]],["p",{},"zerosend の PDF 結合ツールは ",["a",{"href":"/tools/pdf-merge"},"/tools/pdf-merge"]," から無料で利用できる。関連ツールとして ",["a",{"href":"/tools/pdf-compress"},"PDF 圧縮"],"・",["a",{"href":"/tools/pdf-edit"},"PDF ページ編集"]," も同様にブラウザ内処理で提供している。"],["p",{},"関連ガイド: ",["a",{"href":"/guide/privacy-online-tools"},"プライバシー重視のオンラインツール"]],["style",{},"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);}"]],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"pdf-結合が業務で必要になる典型シーン","depth":2,"text":"PDF 結合が業務で必要になる典型シーン","children":[{"id":"請求書の月次まとめ","depth":3,"text":"請求書の月次まとめ"},{"id":"複数ファイルで届いた契約書の統合","depth":3,"text":"複数ファイルで届いた契約書の統合"},{"id":"スキャン-pdf-と添付資料の一体化","depth":3,"text":"スキャン PDF と添付資料の一体化"}]},{"id":"ツール選びで見るべき-4-つの判断基準","depth":2,"text":"ツール選びで見るべき 4 つの判断基準","children":[{"id":"_1-ファイルがサーバーへ送られるか","depth":3,"text":"1. ファイルがサーバーへ送られるか"},{"id":"_2-結合順の制御精度","depth":3,"text":"2. 結合順の制御精度"},{"id":"_3-パスワード付き-pdf-への対応","depth":3,"text":"3. パスワード付き PDF への対応"},{"id":"_4-ファイルサイズ枚数の上限","depth":3,"text":"4. ファイルサイズ・枚数の上限"}]},{"id":"主要-pdf-結合ツールの比較","depth":2,"text":"主要 PDF 結合ツールの比較"},{"id":"zerosend-がブラウザ内で結合を完結させる仕組み","depth":2,"text":"zerosend がブラウザ内で結合を完結させる仕組み"},{"id":"zerosend-で-pdf-を結合する手順具体的操作","depth":2,"text":"zerosend で PDF を結合する手順（具体的操作）","children":[{"id":"ステップ-1-ツールを開く","depth":3,"text":"ステップ 1: ツールを開く"},{"id":"ステップ-2-ファイルを追加する","depth":3,"text":"ステップ 2: ファイルを追加する"},{"id":"ステップ-3-並び順を確認調整する","depth":3,"text":"ステップ 3: 並び順を確認・調整する"},{"id":"ステップ-4-結合を実行する","depth":3,"text":"ステップ 4: 結合を実行する"},{"id":"network-タブで送信ゼロを確認する方法","depth":3,"text":"Network タブで送信ゼロを確認する方法"}]},{"id":"よくあるトラブルと対処法","depth":2,"text":"よくあるトラブルと対処法","children":[{"id":"結合順が意図通りにならない","depth":3,"text":"結合順が意図通りにならない"},{"id":"パスワード付き-pdf-が処理できない","depth":3,"text":"パスワード付き PDF が処理できない"},{"id":"結合後のファイルサイズが大きくなった","depth":3,"text":"結合後のファイルサイズが大きくなった"},{"id":"結合後に文字化けが発生した","depth":3,"text":"結合後に文字化けが発生した"},{"id":"大容量ファイルで処理が重い止まる","depth":3,"text":"大容量ファイルで処理が重い・止まる"}]},{"id":"b2b-現場での運用ルール","depth":2,"text":"B2B 現場での運用ルール","children":[{"id":"規程に外部-saas-へのアップロード禁止を明文化する","depth":3,"text":"規程に「外部 SaaS へのアップロード禁止」を明文化する"},{"id":"結合後に元ファイルを整理する","depth":3,"text":"結合後に元ファイルを整理する"},{"id":"監査ログが必要な環境での選択","depth":3,"text":"監査ログが必要な環境での選択"}]},{"id":"開発者向け-スクリプトで-pdf-結合を自動化する","depth":2,"text":"開発者向け: スクリプトで PDF 結合を自動化する"},{"id":"faq","depth":2,"text":"FAQ"},{"id":"まとめ","depth":2,"text":"まとめ"}]}}]]> PDF 業務 プライバシー https://zerosend.site/blog/privacy-tools-comparison https://zerosend.site/blog/privacy-tools-comparison Sun, 19 Apr 2026 00:00:00 GMT ファイルをサーバーに預けずに処理したい時、どの方式を選ぶか。アップロード型・デスクトップ型・ブラウザ内完結型の 3 類型を、業務要件・UX・対応形式の観点で比較し、用途別の選び方を解説します。 プライバシー 比較 https://zerosend.site/blog/welcome https://zerosend.site/blog/welcome Sun, 19 Apr 2026 00:00:00 GMT ブラウザ内で完結するプライバシーファーストなオンラインツールを配信する Zerosend の公式ブログを開始します。扱うテーマと更新頻度について説明します。 お知らせ https://zerosend.site/blog/why-browser-only https://zerosend.site/blog/why-browser-only Sun, 19 Apr 2026 00:00:00 GMT ファイルをサーバーにアップロードしない設計を選んだ理由と、ブラウザ内処理の利点・制約を整理します。DevTools の Network タブで自ら検証できる透明性について書きました。 プライバシー 設計