[{"data":1,"prerenderedAt":3656},["ShallowReactive",2],{"blog-\u002Fblog\u002Fimage-convert-intro":3,"blog-list-ja":214},{"id":4,"title":5,"author":6,"body":7,"category":196,"coverImage":197,"description":198,"draft":199,"extension":200,"locale":201,"meta":202,"navigation":203,"noindex":199,"path":204,"publishedAt":205,"seo":206,"slug":207,"stem":208,"tags":209,"updatedAt":205,"__hash__":213},"blog\u002Fblog\u002Fimage-convert-intro.md","画像形式変換をブラウザ内で — \u002Ftools\u002Fimage-convert の思想と使い方","Zerosend Editorial",{"type":8,"value":9,"toc":186},"minimark",[10,14,22,26,34,37,40,64,67,94,101,104,111,133,141,144,150,156,162,165],[11,12,13],"p",{},"「PNG で貰ったロゴを JPEG にしたい」「iPhone で撮った HEIC を JPG で送りたい」「サイト表示を速くするために WebP に揃えたい」。画像の形式変換は地味ですが発生頻度の高い作業です。",[11,15,16,21],{},[17,18,20],"a",{"href":19},"\u002Ftools\u002Fimage-convert","Zerosend の画像形式変換ツール"," は、この日常作業をブラウザ内で完結させます。一度も外に出さずに、あなたの端末だけで別形式に書き出します。",[23,24,25],"h2",{"id":25},"なぜブラウザ内で形式変換するのか",[11,27,28,29,33],{},"画像変換サービスの多くは、アップロード → サーバーで変換 → ダウンロード という流れです。社員写真、契約書のスキャン、製品デザイン案。",[30,31,32],"strong",{},"中身を見られたくない画像ほど、オンライン変換ツールに投げづらい","のが現実です。",[11,35,36],{},"Zerosend は、変換処理そのものがブラウザ内で完結するため、機密性の高い素材でもそのまま使えます。DevTools の Network タブを開いたまま変換しても、画像本体がアップロードされていないことを自分で確認できます。",[23,38,39],{"id":39},"使い方",[41,42,43,52,55,58,61],"ol",{},[44,45,46,51],"li",{},[17,47,48],{"href":19},[49,50,19],"code",{}," を開く",[44,53,54],{},"画像をドラッグ&ドロップ (複数可)",[44,56,57],{},"出力形式 (JPEG \u002F PNG \u002F WebP) と品質を選択",[44,59,60],{},"「変換を開始する」をクリック",[44,62,63],{},"結果を ZIP でまとめてダウンロード",[23,65,66],{"id":66},"形式の選び方",[68,69,70,76,82,88],"ul",{},[44,71,72,75],{},[30,73,74],{},"JPEG",": 写真・背景画像。透過不要。古いブラウザ\u002Fアプリ互換性が最重要なら",[44,77,78,81],{},[30,79,80],{},"PNG",": ロゴ・UI パーツ・透過必要なグラフィック。可逆圧縮",[44,83,84,87],{},[30,85,86],{},"WebP",": 汎用。JPEG より 25〜35% 小さくなり、透過も扱える。モダン用途の標準",[44,89,90,93],{},[30,91,92],{},"AVIF",": 更に小さいが生成コストが高く、ブラウザ対応がまだ揃いきらない",[11,95,96,97,100],{},"ブログや EC で表示速度を気にするなら ",[30,98,99],{},"WebP 一択","と言って差し支えありません。",[23,102,103],{"id":103},"仕組み",[11,105,106,107,110],{},"Canvas API の ",[49,108,109],{},"canvas.toBlob(callback, 'image\u002Fwebp', quality)"," を使って変換しています。ブラウザ標準のエンコーダなので、外部ライブラリ依存もありません。",[68,112,113,120,127],{},[44,114,115,116,119],{},"入力画像を ",[49,117,118],{},"\u003Cimg>"," として読み込み",[44,121,122,123,126],{},"同寸の ",[49,124,125],{},"\u003Ccanvas>"," に描画",[44,128,129,132],{},[49,130,131],{},"toBlob"," で出力形式と品質を指定して書き出し",[11,134,135,136,140],{},"HEIC 入力のみ別ツール (",[17,137,139],{"href":138},"\u002Ftools\u002Fheic-to-jpg","HEIC → JPG",") に振り分けています。これは HEIC デコーダがブラウザ標準にまだ入っていないため、別ライブラリを読み込む必要があるためです。",[23,142,143],{"id":143},"よくある質問",[11,145,146,149],{},[30,147,148],{},"Q. 透過 PNG を JPEG にしたらどうなる？","\nA. 透過部分は白で塗られます。意図しない結果になりやすいので注意してください。",[11,151,152,155],{},[30,153,154],{},"Q. 元のメタデータ (EXIF) は引き継がれる？","\nA. 落ちます。位置情報漏れの予防としてはむしろ利点です。",[11,157,158,161],{},[30,159,160],{},"Q. バッチ処理の上限は？","\nA. 端末のメモリ次第ですが、実用上は 100 枚前後までを推奨します。",[23,163,164],{"id":164},"関連ツール",[68,166,167,174,181],{},[44,168,169,173],{},[17,170,172],{"href":171},"\u002Ftools\u002Fimage-compress","画像圧縮"," — 品質指定で再エンコードしてサイズ削減",[44,175,176,180],{},[17,177,179],{"href":178},"\u002Ftools\u002Fimage-resize","画像リサイズ"," — 形式変換と同時に寸法も揃えたいときは先にこちら",[44,182,183,185],{},[17,184,139],{"href":138}," — iPhone 写真専用の変換",{"title":187,"searchDepth":188,"depth":188,"links":189},"",2,[190,191,192,193,194,195],{"id":25,"depth":188,"text":25},{"id":39,"depth":188,"text":39},{"id":66,"depth":188,"text":66},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"tech",null,"Zerosend の画像形式変換ツールは、JPEG \u002F PNG \u002F WebP \u002F AVIF をサーバーに送らず相互変換します。用途別の形式選び、透過・圧縮率の違いを Zerosend 編集部が整理します。",false,"md","ja",{},true,"\u002Fblog\u002Fimage-convert-intro","2026-04-20",{"title":5,"description":198},"image-convert-intro","blog\u002Fimage-convert-intro",[210,211,86,212],"画像","変換","ツール","MAlk3sjsYuu6xgnHtqBBQOwIM5KbQiMdHPIStC5QIcU",[215,426,604,746,870,1038,1210,1396,1563,1712,1879,2048,2222,2387,2571,2813,2977,3153,3294,3440,3521],{"id":216,"title":217,"author":6,"body":218,"category":196,"coverImage":197,"description":417,"draft":199,"extension":200,"locale":201,"meta":418,"navigation":203,"noindex":199,"path":419,"publishedAt":205,"seo":420,"slug":421,"stem":422,"tags":423,"updatedAt":205,"__hash__":425},"blog\u002Fblog\u002Faudio-convert-intro.md","音声形式を変換する — \u002Ftools\u002Faudio-convert の思想と使い方",{"type":8,"value":219,"toc":406},[220,223,230,233,240,243,245,264,266,292,296,322,324,327,352,355,357,363,369,375,381,383],[11,221,222],{},"取材の録音を MP3 に揃えたい、古い WAV ファイルを容量節約のため M4A に変えたい、ポッドキャスト配信用の形式に統一したい。音声ファイルの形式変換は、取材者・編集者・音楽制作者が日常的に行う作業です。",[11,224,225,229],{},[17,226,228],{"href":227},"\u002Ftools\u002Faudio-convert","Zerosend の音声形式変換ツール"," は、この作業をブラウザ内で完結させます。",[23,231,232],{"id":232},"なぜブラウザ内で変換するのか",[11,234,235,236,239],{},"録音された音声は、",[30,237,238],{},"発話の中身そのもの","を情報として持ちます。インタビュー対象者の声、打ち合わせでの発言、取材源の証言。これらを無料のオンライン変換サービスに預けることは、発話内容そのものを第三者のサーバーに預けることに等しいものです。",[11,241,242],{},"Zerosend は変換処理をローカルで行うため、音声ファイルが一切外に出ません。取材ソースの保護や NDA 下の音源加工でも安全に使えます。",[23,244,39],{"id":39},[41,246,247,253,256,259,261],{},[44,248,249,51],{},[17,250,251],{"href":227},[49,252,227],{},[44,254,255],{},"音声ファイルをドラッグ&ドロップ (複数可)",[44,257,258],{},"出力形式 (MP3 \u002F WAV \u002F M4A \u002F OGG) とビットレートを選択",[44,260,60],{},[44,262,263],{},"結果を ZIP でダウンロード",[23,265,66],{"id":66},[68,267,268,274,280,286],{},[44,269,270,273],{},[30,271,272],{},"MP3",": 最も汎用。ポッドキャスト・配信・共有の標準",[44,275,276,279],{},[30,277,278],{},"WAV",": 可逆 (ロスレス)。編集中のマスター音源・音楽制作用",[44,281,282,285],{},[30,283,284],{},"M4A (AAC)",": MP3 より圧縮効率が良い。iOS 環境で標準",[44,287,288,291],{},[30,289,290],{},"OGG (Vorbis)",": オープン形式。ゲーム・一部ブラウザで効率重視",[293,294,295],"h3",{"id":295},"ビットレートの目安",[68,297,298,304,310,316],{},[44,299,300,303],{},[30,301,302],{},"320 kbps",": 音質最優先 (MP3 の実用上限)",[44,305,306,309],{},[30,307,308],{},"192 kbps",": 標準品質。一般向け音声の定番",[44,311,312,315],{},[30,313,314],{},"128 kbps",": 容量優先。音声解説・ポッドキャスト",[44,317,318,321],{},[30,319,320],{},"96 kbps 以下",": 会話のみの録音など、音質より軽さ",[23,323,103],{"id":103},[11,325,326],{},"ffmpeg.wasm を使って再エンコードしています。",[68,328,329,332,346,349],{},[44,330,331],{},"入力音声を ffmpeg FS に書き込み",[44,333,334,335,338,339,338,342,345],{},"出力形式に応じたエンコーダ (",[49,336,337],{},"libmp3lame",", ",[49,340,341],{},"aac",[49,343,344],{},"libvorbis"," など) を指定",[44,347,348],{},"ビットレート・チャンネル数・サンプリングレートを設定",[44,350,351],{},"出力 Blob を生成してダウンロード",[11,353,354],{},"メタデータ (タイトル・アーティスト) は極力引き継ぎます。",[23,356,143],{"id":143},[11,358,359,362],{},[30,360,361],{},"Q. 可逆 → 非可逆 (WAV → MP3) と 非可逆 → 非可逆 (MP3 → M4A) の違いは？","\nA. 非可逆 → 非可逆は二重に圧縮されるため音質がさらに劣化します。可能な限りマスター音源 (WAV) から目的形式に直接変換するのがお勧めです。",[11,364,365,368],{},[30,366,367],{},"Q. 複数ファイルのバッチ変換は？","\nA. 対応しています。10〜20 ファイル程度を 1 バッチで処理するのが現実的です。",[11,370,371,374],{},[30,372,373],{},"Q. 動画から音声だけ抜き出したい","\nA. 動画ファイルを入力すれば音声トラックを抽出して指定形式で書き出します。",[11,376,377,380],{},[30,378,379],{},"Q. ビットレートを自由に指定できる？","\nA. プリセットから選ぶ方式です。細かい制御が必要なら別途専門ツールをご検討ください。",[23,382,164],{"id":164},[68,384,385,392,399],{},[44,386,387,391],{},[17,388,390],{"href":389},"\u002Ftools\u002Faudio-trim","音声トリミング"," — 変換前後の区間切り出し",[44,393,394,398],{},[17,395,397],{"href":396},"\u002Ftools\u002Fvideo-convert","動画形式変換"," — 動画側の形式変換",[44,400,401,405],{},[17,402,404],{"href":403},"\u002Ftools\u002Fvideo-trim","動画トリミング"," — 音声抽出前の動画整形",{"title":187,"searchDepth":188,"depth":188,"links":407},[408,409,410,414,415,416],{"id":232,"depth":188,"text":232},{"id":39,"depth":188,"text":39},{"id":66,"depth":188,"text":66,"children":411},[412],{"id":295,"depth":413,"text":295},3,{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の音声形式変換ツールは、MP3 \u002F WAV \u002F M4A \u002F FLAC \u002F OGG などをサーバーに送らずブラウザ内で相互変換します。録音インタビューや音源ファイルの形式統一に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Faudio-convert-intro",{"title":217,"description":417},"audio-convert-intro","blog\u002Faudio-convert-intro",[424,211,212],"音声","kgzSn9tpEqJdQkfZCQKjEEBSxKOoB_cm7dQc9t69f6s",{"id":427,"title":428,"author":6,"body":429,"category":196,"coverImage":197,"description":595,"draft":199,"extension":200,"locale":201,"meta":596,"navigation":203,"noindex":199,"path":597,"publishedAt":205,"seo":598,"slug":599,"stem":600,"tags":601,"updatedAt":205,"__hash__":603},"blog\u002Fblog\u002Faudio-trim-intro.md","音声をトリミング (切り出し) する — \u002Ftools\u002Faudio-trim の思想と使い方",{"type":8,"value":430,"toc":587},[431,434,439,442,445,452,454,474,476,487,500,507,510,536,538,544,550,556,568,570],[11,432,433],{},"60 分のインタビューから引用したい 30 秒を抜き出したい、会議録音の不要な冒頭\u002F末尾をカットしたい、ポッドキャスト素材のつなぎ目を整えたい。音声のトリミングは、録音後の編集で最初に行う作業です。",[11,435,436,229],{},[17,437,438],{"href":389},"Zerosend の音声トリミングツール",[23,440,441],{"id":441},"なぜブラウザ内でトリミングするのか",[11,443,444],{},"音声ファイルには発話内容そのものが記録されています。インタビュー、取材、商談、カウンセリング、医療相談。どれも機密性が高く、少なくとも当事者以外に聞かれることを想定していない音声です。",[11,446,447,448,451],{},"「一部だけ切り出したい」という作業でも、オンラインツールに預けると",[30,449,450],{},"入力した音声全体","が相手に渡ります。Zerosend はトリミング処理をローカルで行うため、アップロードそのものが発生せず、音源全体の機密が守られます。",[23,453,39],{"id":39},[41,455,456,462,465,468,471],{},[44,457,458,51],{},[17,459,460],{"href":389},[49,461,389],{},[44,463,464],{},"音声ファイルをドラッグ&ドロップ",[44,466,467],{},"開始時刻・終了時刻を指定",[44,469,470],{},"「トリミングを開始する」をクリック",[44,472,473],{},"切り出された音声をダウンロード",[23,475,103],{"id":103},[11,477,478,479,482,483,486],{},"ffmpeg.wasm の ",[49,480,481],{},"-ss"," \u002F ",[49,484,485],{},"-to"," オプションで指定区間を抽出します。",[68,488,489,491,497],{},[44,490,331],{},[44,492,493,496],{},[49,494,495],{},"-ss \u003Cstart> -i input -to \u003Cend> -c copy output"," でロスレス抽出",[44,498,499],{},"再エンコードなしで切り出すため処理が速く音質劣化もない",[11,501,502,503,506],{},"入力がどの形式であっても、基本的には同じ形式で書き出されます。形式を変えたいときは ",[17,504,505],{"href":227},"音声形式変換"," と組み合わせてください。",[23,508,509],{"id":509},"使いどころ",[68,511,512,518,524,530],{},[44,513,514,517],{},[30,515,516],{},"インタビューの引用",": 60 分音源から 30 秒の引用箇所を切り出す",[44,519,520,523],{},[30,521,522],{},"不要区間の除去",": 録音冒頭の環境音や末尾の雑音をカット",[44,525,526,529],{},[30,527,528],{},"ポッドキャスト編集",": 冗長な「えー」「あのー」を含む区間を削除 (1 区間ずつ)",[44,531,532,535],{},[30,533,534],{},"会議議事録の根拠音声",": 要旨に関連する数分の根拠区間を抜き出す",[23,537,143],{"id":143},[11,539,540,543],{},[30,541,542],{},"Q. 複数区間を切り出して連結できる？","\nA. 現状は 1 区間のみです。複数区間を抽出したい場合は 1 つずつ切り出してから別途連結してください。",[11,545,546,549],{},[30,547,548],{},"Q. 音質は落ちますか？","\nA. 再エンコードしないため、元音質がそのまま保持されます。",[11,551,552,555],{},[30,553,554],{},"Q. フェードイン\u002Fフェードアウトを追加できますか？","\nA. 現状は非対応です。必要なら切り出した音声を別の編集ツールで処理してください。",[11,557,558,561,562,564,565,567],{},[30,559,560],{},"Q. 動画ファイルから音声部分だけ切り出したい","\nA. 動画ファイルを入力して ",[17,563,505],{"href":227}," を使うと、動画の音声トラックを指定形式で抽出できます。トリミングしたい区間があるなら、まず ",[17,566,404],{"href":403}," で区間抽出 → 音声形式変換、の順がお勧めです。",[23,569,164],{"id":164},[68,571,572,577,582],{},[44,573,574,576],{},[17,575,505],{"href":227}," — トリミング後に形式を変えたいとき",[44,578,579,581],{},[17,580,404],{"href":403}," — 映像付きの区間抽出",[44,583,584,586],{},[17,585,397],{"href":396}," — 動画側の処理",{"title":187,"searchDepth":188,"depth":188,"links":588},[589,590,591,592,593,594],{"id":441,"depth":188,"text":441},{"id":39,"depth":188,"text":39},{"id":103,"depth":188,"text":103},{"id":509,"depth":188,"text":509},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の音声トリミングツールは、音声ファイルをサーバーに送らずブラウザ内で任意の区間だけ切り出します。長尺インタビュー・会議録音・ポッドキャスト素材の整形に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Faudio-trim-intro",{"title":428,"description":595},"audio-trim-intro","blog\u002Faudio-trim-intro",[424,602,212],"トリミング","hFWCw0D3du7ZQd9d2boBEpRhRBLppxa1qHPrZvJ6vsM",{"id":605,"title":606,"author":6,"body":607,"category":196,"coverImage":197,"description":736,"draft":199,"extension":200,"locale":201,"meta":737,"navigation":203,"noindex":199,"path":738,"publishedAt":205,"seo":739,"slug":740,"stem":741,"tags":742,"updatedAt":205,"__hash__":745},"blog\u002Fblog\u002Fheic-to-jpg-intro.md","HEIC を JPG に変換する — \u002Ftools\u002Fheic-to-jpg の思想と使い方",{"type":8,"value":608,"toc":729},[609,612,618,622,625,628,630,648,650,660,680,683,685,691,697,703,709,711],[11,610,611],{},"iPhone で撮影した写真を PC や同僚に送ったら「開けません」と言われた経験はありませんか。iPhone の標準形式 HEIC (High Efficiency Image Container) は、Apple エコシステム外では互換性が限定的です。Windows 10 以降はアドオンが必要、画像編集ソフトも対応が遅れがちです。",[11,613,614,617],{},[17,615,616],{"href":138},"Zerosend の HEIC → JPG 変換ツール"," は、この問題をブラウザ内で解決します。",[23,619,621],{"id":620},"なぜブラウザ内で-heic-を変換するのか","なぜブラウザ内で HEIC を変換するのか",[11,623,624],{},"iPhone で撮った写真は、個人・家族・仕事の私的情景を含みがちです。顔、家の中、位置情報、撮影日時。これらを無料のオンライン変換サービスにアップロードすることは、事実上それらの情報を第三者に預けることを意味します。",[11,626,627],{},"Zerosend は、HEIC のデコードから JPG の書き出しまで、すべてブラウザ内で行います。写真自体が外に出ないため、NDA 下の撮影素材や家族の写真でも安心して使えます。",[23,629,39],{"id":39},[41,631,632,638,641,644,646],{},[44,633,634,51],{},[17,635,636],{"href":138},[49,637,138],{},[44,639,640],{},"HEIC \u002F HEIF 形式の画像をドラッグ&ドロップ (複数可)",[44,642,643],{},"品質 (JPG の圧縮率) を選択",[44,645,60],{},[44,647,263],{},[23,649,103],{"id":103},[11,651,652,653,656,657,659],{},"HEIC のデコードはブラウザ標準ではまだ実装されていないため、",[49,654,655],{},"heic2any"," ライブラリを読み込んで使っています。",[49,658,655],{}," は libheif を WebAssembly 化したもので、ブラウザ内で HEIC を Blob として展開できます。",[68,661,662,665,670,673],{},[44,663,664],{},"HEIC ファイルを ArrayBuffer として読み込み",[44,666,667,669],{},[49,668,655],{}," で JPEG Blob に変換 (libheif の WASM が実行される)",[44,671,672],{},"必要なら Canvas 経由で品質を再指定",[44,674,675,676,679],{},"元のファイル名を保持したまま ",[49,677,678],{},".jpg"," 拡張子で書き出し",[11,681,682],{},"初回のみ libheif の WASM (約 2MB) をダウンロードするため少し待ち時間がありますが、2 回目以降はキャッシュから即時起動します。",[23,684,143],{"id":143},[11,686,687,690],{},[30,688,689],{},"Q. HEIC と HEIF の違いは？","\nA. HEIF がコンテナフォーマットの総称で、HEIC はその中で HEVC (H.265) でエンコードされた静止画を指します。本ツールは両方対応しています。",[11,692,693,696],{},[30,694,695],{},"Q. Live Photo はどうなりますか？","\nA. 静止画部分のみが JPG として書き出されます。動画部分は含まれません。動画も抽出したい場合は別途 iPhone 側で「書き出す > 現状のまま」を使ってください。",[11,698,699,702],{},[30,700,701],{},"Q. EXIF (撮影日時・位置情報) は引き継がれますか？","\nA. 一部情報は失われます。位置情報のプライバシー観点ではむしろ利点です。",[11,704,705,708],{},[30,706,707],{},"Q. 複数ファイルまとめて変換できますか？","\nA. はい。ZIP で一括ダウンロードできます。数十枚程度までは快適に処理できます。",[23,710,164],{"id":164},[68,712,713,718,723],{},[44,714,715,717],{},[17,716,172],{"href":171}," — JPG 変換後にさらに軽くしたいとき",[44,719,720,722],{},[17,721,179],{"href":178}," — 送信前に寸法も揃える",[44,724,725,728],{},[17,726,727],{"href":19},"画像形式変換"," — JPG \u002F PNG \u002F WebP の相互変換",{"title":187,"searchDepth":188,"depth":188,"links":730},[731,732,733,734,735],{"id":620,"depth":188,"text":621},{"id":39,"depth":188,"text":39},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"iPhone で撮った HEIC 画像を Windows \u002F Android や古いシステムで開けるよう JPG に変換するツール。サーバーに送らずブラウザ内で変換する仕組みと注意点を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fheic-to-jpg-intro",{"title":606,"description":736},"heic-to-jpg-intro","blog\u002Fheic-to-jpg-intro",[743,210,744,212],"HEIC","iPhone","0cpdD3jngClgWGSDf6EYR2UtF-Zz0rDNW4WhdyYyONM",{"id":4,"title":5,"author":6,"body":747,"category":196,"coverImage":197,"description":198,"draft":199,"extension":200,"locale":201,"meta":867,"navigation":203,"noindex":199,"path":204,"publishedAt":205,"seo":868,"slug":207,"stem":208,"tags":869,"updatedAt":205,"__hash__":213},{"type":8,"value":748,"toc":859},[749,751,755,757,761,763,765,781,783,801,805,807,811,825,829,831,835,839,843,845],[11,750,13],{},[11,752,753,21],{},[17,754,20],{"href":19},[23,756,25],{"id":25},[11,758,28,759,33],{},[30,760,32],{},[11,762,36],{},[23,764,39],{"id":39},[41,766,767,773,775,777,779],{},[44,768,769,51],{},[17,770,771],{"href":19},[49,772,19],{},[44,774,54],{},[44,776,57],{},[44,778,60],{},[44,780,63],{},[23,782,66],{"id":66},[68,784,785,789,793,797],{},[44,786,787,75],{},[30,788,74],{},[44,790,791,81],{},[30,792,80],{},[44,794,795,87],{},[30,796,86],{},[44,798,799,93],{},[30,800,92],{},[11,802,96,803,100],{},[30,804,99],{},[23,806,103],{"id":103},[11,808,106,809,110],{},[49,810,109],{},[68,812,813,817,821],{},[44,814,115,815,119],{},[49,816,118],{},[44,818,122,819,126],{},[49,820,125],{},[44,822,823,132],{},[49,824,131],{},[11,826,135,827,140],{},[17,828,139],{"href":138},[23,830,143],{"id":143},[11,832,833,149],{},[30,834,148],{},[11,836,837,155],{},[30,838,154],{},[11,840,841,161],{},[30,842,160],{},[23,844,164],{"id":164},[68,846,847,851,855],{},[44,848,849,173],{},[17,850,172],{"href":171},[44,852,853,180],{},[17,854,179],{"href":178},[44,856,857,185],{},[17,858,139],{"href":138},{"title":187,"searchDepth":188,"depth":188,"links":860},[861,862,863,864,865,866],{"id":25,"depth":188,"text":25},{"id":39,"depth":188,"text":39},{"id":66,"depth":188,"text":66},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},{},{"title":5,"description":198},[210,211,86,212],{"id":871,"title":872,"author":6,"body":873,"category":196,"coverImage":197,"description":1029,"draft":199,"extension":200,"locale":201,"meta":1030,"navigation":203,"noindex":199,"path":1031,"publishedAt":205,"seo":1032,"slug":1033,"stem":1034,"tags":1035,"updatedAt":205,"__hash__":1037},"blog\u002Fblog\u002Fimage-edit-intro.md","画像の切り抜き・回転・反転をブラウザ内で — \u002Ftools\u002Fimage-edit の思想と使い方",{"type":8,"value":874,"toc":1022},[875,878,885,888,891,898,901,903,940,942,978,981,983,989,995,1001,1003],[11,876,877],{},"SNS アイコンの正方形切り出し、履歴書の証明写真の比率合わせ、商品画像の回転、スキャン画像の左右反転。画像の「切り抜き・回転・反転」は、Photoshop を開くほどでもないのに地味に面倒な作業です。",[11,879,880,884],{},[17,881,883],{"href":882},"\u002Ftools\u002Fimage-edit","Zerosend の画像編集ツール"," は、この 3 操作を 1 画面に集約してブラウザ内で完結させます。",[23,886,887],{"id":887},"なぜブラウザ内で編集するのか",[11,889,890],{},"トリミングは個人情報と密接です。証明写真を切り出すなら顔、名刺をスキャンするなら氏名・連絡先、社内資料の一部を切り出すなら機密情報が含まれます。",[11,892,893,894,897],{},"これらを「画像を切り抜くだけ」のオンラインツールにアップロードしてしまうと、切り抜き前の原版が相手のサーバーに残る可能性があります。オンラインツールはビジネスモデル上、アップロード済みのファイルをログ・解析・AI 学習に回しても契約上問題にならないケースが多く、",[30,895,896],{},"利用者側からはその境界が見えません","。",[11,899,900],{},"Zerosend は編集処理そのものをローカルで行うことで、この不透明性を取り除きます。",[23,902,39],{"id":39},[41,904,905,911,914,937],{},[44,906,907,51],{},[17,908,909],{"href":882},[49,910,882],{},[44,912,913],{},"画像をドラッグ&ドロップ",[44,915,916,917],{},"3 つの操作から選ぶ:\n",[68,918,919,925,931],{},[44,920,921,924],{},[30,922,923],{},"切り抜き",": 矩形を選択範囲として指定",[44,926,927,930],{},[30,928,929],{},"回転",": 90° \u002F 180° \u002F 270° の 3 ステップ",[44,932,933,936],{},[30,934,935],{},"反転",": 水平 \u002F 垂直",[44,938,939],{},"プレビューで結果を確認してダウンロード",[23,941,103],{"id":103},[68,943,944,956,965],{},[44,945,946,948,949,951,952,955],{},[30,947,923],{},": 選択した矩形の寸法の ",[49,950,125],{}," を作り、",[49,953,954],{},"drawImage"," で元画像の該当領域を切り出し",[44,957,958,960,961,964],{},[30,959,929],{},": 回転行列を ",[49,962,963],{},"ctx.transform"," で適用してから描画",[44,966,967,969,970,973,974,977],{},[30,968,935],{},": ",[49,971,972],{},"ctx.scale(-1, 1)"," で水平、",[49,975,976],{},"ctx.scale(1, -1)"," で垂直",[11,979,980],{},"いずれも Canvas API の基本操作の組み合わせで、追加ライブラリは使っていません。処理は数十ミリ秒で完了します。",[23,982,143],{"id":143},[11,984,985,988],{},[30,986,987],{},"Q. 比率指定 (1:1, 4:3, 16:9) で切り抜けますか？","\nA. はい。プリセットボタンで一発切り替えできます。SNS アイコンは 1:1、YouTube サムネは 16:9 など。",[11,990,991,994],{},[30,992,993],{},"Q. 複数画像をまとめて同じ比率で切り抜けますか？","\nA. 現状は 1 枚ずつです。バッチ処理は要望を見ながら検討します。",[11,996,997,1000],{},[30,998,999],{},"Q. 編集後に再度編集したい場合は？","\nA. ダウンロードしたファイルを再度ドロップすれば、何度でも編集できます。",[23,1002,164],{"id":164},[68,1004,1005,1010,1015],{},[44,1006,1007,1009],{},[17,1008,179],{"href":178}," — 切り抜き後に寸法を揃えたいとき",[44,1011,1012,1014],{},[17,1013,172],{"href":171}," — 編集後の軽量化",[44,1016,1017,1021],{},[17,1018,1020],{"href":1019},"\u002Ftools\u002Fimage-merge","画像結合"," — 複数画像を 1 枚にまとめたいとき",{"title":187,"searchDepth":188,"depth":188,"links":1023},[1024,1025,1026,1027,1028],{"id":887,"depth":188,"text":887},{"id":39,"depth":188,"text":39},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の画像編集ツールは、切り抜き・回転・反転をサーバーに送らず端末内で処理します。証明写真・SNS アイコン・商品画像のトリミングで使える基本操作を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-edit-intro",{"title":872,"description":1029},"image-edit-intro","blog\u002Fimage-edit-intro",[210,1036,212],"編集","h6iWKKMINFrYbTea9JQU_0-L2ODwN_Y0BCWM2BAGAdE",{"id":1039,"title":1040,"author":6,"body":1041,"category":196,"coverImage":197,"description":1201,"draft":199,"extension":200,"locale":201,"meta":1202,"navigation":203,"noindex":199,"path":1203,"publishedAt":205,"seo":1204,"slug":1205,"stem":1206,"tags":1207,"updatedAt":205,"__hash__":1209},"blog\u002Fblog\u002Fimage-merge-intro.md","複数画像を 1 枚にまとめる — \u002Ftools\u002Fimage-merge の思想と使い方",{"type":8,"value":1042,"toc":1193},[1043,1046,1052,1055,1062,1065,1067,1090,1092,1118,1121,1123,1149,1151,1160,1166,1172,1174],[11,1044,1045],{},"スマホのスクリーンショットを複数枚まとめて 1 枚の縦長画像にしたい。商品のビフォーアフター画像を 1 枚で見せたい。SNS に 4 コマ風に並べて投稿したい。",[11,1047,1048,1051],{},[17,1049,1050],{"href":1019},"Zerosend の画像結合ツール"," は、こうした「複数画像を 1 枚にまとめる」需要をブラウザ内で完結させます。",[23,1053,1054],{"id":1054},"なぜブラウザ内で結合するのか",[11,1056,1057,1058,1061],{},"結合対象の画像には、アプリの画面キャプチャ、社内ドキュメントのスクショ、顧客の LINE 履歴など機密性の高いものが混ざりがちです。",[30,1059,1060],{},"結合対象を全部まとめてサーバーに上げる","ということは、それだけの量の機密情報を一度に外に出すことと同じです。",[11,1063,1064],{},"Zerosend は結合処理そのものがローカルで動くため、何枚投入しても 1 枚のファイルも外に出ません。",[23,1066,39],{"id":39},[41,1068,1069,1075,1078,1081,1084,1087],{},[44,1070,1071,51],{},[17,1072,1073],{"href":1019},[49,1074,1019],{},[44,1076,1077],{},"画像を複数枚ドラッグ&ドロップ",[44,1079,1080],{},"結合方向を選ぶ (縦に連結 \u002F 横に連結 \u002F グリッド)",[44,1082,1083],{},"順序が違う場合はドラッグで並べ替え",[44,1085,1086],{},"「結合を開始する」をクリック",[44,1088,1089],{},"1 枚の画像としてダウンロード",[23,1091,103],{"id":103},[68,1093,1094,1097,1103,1109,1112],{},[44,1095,1096],{},"各入力画像の寸法を計測",[44,1098,1099,1100,1102],{},"結合後の ",[49,1101,125],{}," サイズを計算 (縦連結なら幅は最大・高さは合計)",[44,1104,1105,1106,1108],{},"画像を順に ",[49,1107,954],{}," で配置",[44,1110,1111],{},"幅\u002F高さが揃わない場合は縦横比を保って自動センタリング",[44,1113,1114,1117],{},[49,1115,1116],{},"canvas.toBlob()"," で PNG \u002F JPEG として書き出し",[11,1119,1120],{},"全処理は Canvas API の組み合わせで完結します。100 枚程度の結合までは現実的です。",[23,1122,509],{"id":509},[68,1124,1125,1131,1137,1143],{},[44,1126,1127,1130],{},[30,1128,1129],{},"スクショ集約",": アプリのフロー解説で、複数画面を 1 枚にまとめて Slack に貼る",[44,1132,1133,1136],{},[30,1134,1135],{},"比較画像",": ビフォー\u002Fアフターを横並びで 1 枚に",[44,1138,1139,1142],{},[30,1140,1141],{},"SNS 投稿",": Instagram の 1 枚投稿でも複数カットを見せる",[44,1144,1145,1148],{},[30,1146,1147],{},"申請書類",": 表紙と本文を 1 画像にまとめて提出",[23,1150,143],{"id":143},[11,1152,1153,1156,1157,1159],{},[30,1154,1155],{},"Q. 画像サイズが違うものを結合するとどうなる？","\nA. 縦連結では幅を最大に合わせ、余白部分は透明 (PNG) または白 (JPEG) になります。事前に ",[17,1158,179],{"href":178}," で揃えておくときれいに仕上がります。",[11,1161,1162,1165],{},[30,1163,1164],{},"Q. 間に余白を入れられる？","\nA. はい。境界の色と幅を指定できます。",[11,1167,1168,1171],{},[30,1169,1170],{},"Q. グリッドの行数・列数は指定できる？","\nA. はい。例えば 4 枚を 2×2 のグリッドに配置できます。",[23,1173,164],{"id":164},[68,1175,1176,1181,1186],{},[44,1177,1178,1180],{},[17,1179,179],{"href":178}," — 結合前にサイズを揃える",[44,1182,1183,1185],{},[17,1184,172],{"href":171}," — 結合後の巨大ファイルを軽くする",[44,1187,1188,1192],{},[17,1189,1191],{"href":1190},"\u002Ftools\u002Fimage-to-pdf","画像 → PDF"," — 結合の代わりに PDF 1 枚にまとめる選択肢も",{"title":187,"searchDepth":188,"depth":188,"links":1194},[1195,1196,1197,1198,1199,1200],{"id":1054,"depth":188,"text":1054},{"id":39,"depth":188,"text":39},{"id":103,"depth":188,"text":103},{"id":509,"depth":188,"text":509},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の画像結合ツールは、複数の画像をサーバーに送らずブラウザ内で縦\u002F横に連結します。比較画像・ビフォーアフター・スマホのスクリーンショット集約に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-merge-intro",{"title":1040,"description":1201},"image-merge-intro","blog\u002Fimage-merge-intro",[210,1208,212],"結合","PLfuzw4Y8oCuQtuvMqC3PyVOdK3FVJAmKrbBGTfyyc8",{"id":1211,"title":1212,"author":6,"body":1213,"category":196,"coverImage":197,"description":1387,"draft":199,"extension":200,"locale":201,"meta":1388,"navigation":203,"noindex":199,"path":1389,"publishedAt":205,"seo":1390,"slug":1391,"stem":1392,"tags":1393,"updatedAt":205,"__hash__":1395},"blog\u002Fblog\u002Fimage-resize-intro.md","画像リサイズをブラウザ内で — \u002Ftools\u002Fimage-resize の思想と使い方",{"type":8,"value":1214,"toc":1378},[1215,1218,1224,1227,1233,1240,1242,1261,1264,1302,1304,1310,1335,1338,1340,1346,1352,1358,1360],[11,1216,1217],{},"SNS に投稿したい、社内 Wiki に貼りたい、ECサイトの商品画像に使いたい。用途ごとに必要な画像サイズは違います。スマホで撮った 4000×3000 ピクセルの写真をそのままアップすると、受け側サーバーで勝手に縮小されたり、表示が重くなったりします。",[11,1219,1220,1223],{},[17,1221,1222],{"href":178},"Zerosend の画像リサイズツール"," は、この「用途に合う寸法に先に揃えておきたい」需要をブラウザ内で完結させます。",[23,1225,1226],{"id":1226},"なぜブラウザ内でリサイズするのか",[11,1228,1229,1230,897],{},"画像は、送信前に必要な解像度まで落としておくのが基本です。受け側サーバーの自動縮小に任せると、圧縮アルゴリズムを自分で選べず、結果も見えません。何より、",[30,1231,1232],{},"元の高解像度がサーバー側に残ります",[11,1234,1235,1236,1239],{},"顔写真、社員証、内装写真、診断書のスキャン。個人情報が含まれる画像を、ブラウザの「縮小してアップロード」機能付きサービスに投げることは、結果的に",[30,1237,1238],{},"原寸画像をそのままアップロードしている","のと同じです。Zerosend では、リサイズ処理そのものをあなたの端末で行うことで、アップロードする画像が本当に縮小済みであることを保証します。",[23,1241,39],{"id":39},[41,1243,1244,1250,1253,1256,1259],{},[44,1245,1246,51],{},[17,1247,1248],{"href":178},[49,1249,178],{},[44,1251,1252],{},"画像をドラッグ&ドロップ (複数ファイル対応)",[44,1254,1255],{},"目標サイズを指定 — 「幅」「高さ」「長辺」「短辺」のいずれかを固定",[44,1257,1258],{},"「リサイズを開始する」をクリック",[44,1260,63],{},[293,1262,1263],{"id":1263},"用途別の推奨サイズ",[68,1265,1266,1272,1278,1284,1290,1296],{},[44,1267,1268,1271],{},[30,1269,1270],{},"X \u002F Twitter",": 長辺 1600px",[44,1273,1274,1277],{},[30,1275,1276],{},"Instagram",": 正方形 1080px",[44,1279,1280,1283],{},[30,1281,1282],{},"LinkedIn \u002F Facebook",": 長辺 1200px",[44,1285,1286,1289],{},[30,1287,1288],{},"ブログ本文",": 幅 800〜1200px",[44,1291,1292,1295],{},[30,1293,1294],{},"メールの添付",": 長辺 1024px 程度 (画質維持しつつ 500KB 以下に収まりやすい)",[44,1297,1298,1301],{},[30,1299,1300],{},"ECサイトのサムネ",": 幅 400〜600px",[23,1303,103],{"id":103},[11,1305,1306,1307,1309],{},"画像リサイズは、Canvas API の ",[49,1308,954],{}," を使ったブラウザ標準のバイキュービック補間で行っています。外部ライブラリの呼び出しも、サーバーへの問い合わせもありません。",[68,1311,1312,1318,1324,1330],{},[44,1313,1314,1315,1317],{},"画像を ",[49,1316,118],{}," 要素として読み込む",[44,1319,1320,1321,1323],{},"目標サイズの ",[49,1322,125],{}," を作成",[44,1325,1326,1329],{},[49,1327,1328],{},"ctx.drawImage(img, 0, 0, targetW, targetH)"," で描画",[44,1331,1332,1334],{},[49,1333,1116],{}," で出力形式 (JPEG \u002F PNG \u002F WebP) を指定して Blob に",[11,1336,1337],{},"一括処理は Promise.all ではなく順次実行しているため、数十枚でもメモリを圧迫しません。",[23,1339,143],{"id":143},[11,1341,1342,1345],{},[30,1343,1344],{},"Q. 縦横比は保持されますか？","\nA. 既定で保持されます。「幅を合わせる」を選べば高さは自動で計算されます。",[11,1347,1348,1351],{},[30,1349,1350],{},"Q. EXIF (撮影情報) は？","\nA. リサイズ時に落ちます。プライバシー保護の観点ではむしろ利点です。",[11,1353,1354,1357],{},[30,1355,1356],{},"Q. 拡大もできますか？","\nA. できますが推奨しません。拡大は情報を増やせないため、AI 超解像を使わない限り画質は改善しません。",[23,1359,164],{"id":164},[68,1361,1362,1367,1372],{},[44,1363,1364,1366],{},[17,1365,172],{"href":171}," — リサイズ後にさらに軽くしたいときに",[44,1368,1369,1371],{},[17,1370,727],{"href":19}," — WebP \u002F JPEG \u002F PNG の変換",[44,1373,1374,1377],{},[17,1375,1376],{"href":882},"画像編集"," — 切り抜き・回転・反転",{"title":187,"searchDepth":188,"depth":188,"links":1379},[1380,1381,1384,1385,1386],{"id":1226,"depth":188,"text":1226},{"id":39,"depth":188,"text":39,"children":1382},[1383],{"id":1263,"depth":413,"text":1263},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の画像リサイズツールは、画像をサーバーに送らず端末内で寸法変更します。用途別の推奨サイズ、一括処理、品質を落とさないリサイズのコツを Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-resize-intro",{"title":1212,"description":1387},"image-resize-intro","blog\u002Fimage-resize-intro",[210,1394,212],"リサイズ","cgPCku-ryY9cT1OjPSzWlJ8Aix9IFfaosaRwJBW9JMw",{"id":1397,"title":1398,"author":6,"body":1399,"category":196,"coverImage":197,"description":1554,"draft":199,"extension":200,"locale":201,"meta":1555,"navigation":203,"noindex":199,"path":1556,"publishedAt":205,"seo":1557,"slug":1558,"stem":1559,"tags":1560,"updatedAt":205,"__hash__":1562},"blog\u002Fblog\u002Fimage-to-pdf-intro.md","画像を 1 つの PDF にまとめる — \u002Ftools\u002Fimage-to-pdf の思想と使い方",{"type":8,"value":1400,"toc":1547},[1401,1404,1409,1411,1418,1425,1427,1450,1452,1458,1489,1492,1494,1500,1509,1515,1524,1526],[11,1402,1403],{},"スマホで撮ったレシート 10 枚を経費精算で PDF にまとめる、スキャンした書類 15 枚を 1 つの PDF にまとめて申請する、商品写真を PDF カタログにする。「画像 → PDF」の変換は、個人から業務まで頻繁に発生する作業です。",[11,1405,1406,229],{},[17,1407,1408],{"href":1190},"Zerosend の画像 → PDF 変換ツール",[23,1410,232],{"id":232},[11,1412,1413,1414,1417],{},"画像 → PDF 変換の入力は、写真・スキャン・スクリーンショットです。つまり",[30,1415,1416],{},"画像 1 枚ずつが個別の機密情報","を持ちます。レシートなら店名・金額・日時・クレカ下 4 桁、スキャン書類なら本文全体、スクショなら画面に写っているすべて。",[11,1419,1420,1421,1424],{},"それらをまとめてオンライン PDF 化サービスに投げるのは、",[30,1422,1423],{},"機密情報セットをまとめて外に出す","ことに他なりません。Zerosend ではローカルで PDF 組み立てまで行うため、アップロードは発生しません。",[23,1426,39],{"id":39},[41,1428,1429,1435,1438,1441,1444,1447],{},[44,1430,1431,51],{},[17,1432,1433],{"href":1190},[49,1434,1190],{},[44,1436,1437],{},"画像を複数枚ドラッグ&ドロップ (JPEG \u002F PNG \u002F WebP)",[44,1439,1440],{},"ページサイズ (A4 \u002F レター \u002F 画像原寸) と向きを選ぶ",[44,1442,1443],{},"並び順をドラッグで調整",[44,1445,1446],{},"「PDF 化を開始する」をクリック",[44,1448,1449],{},"1 つの PDF ファイルとしてダウンロード",[23,1451,103],{"id":103},[11,1453,1454,1457],{},[49,1455,1456],{},"pdf-lib"," を使って PDF を組み立てています。",[68,1459,1460,1463,1469,1480,1483],{},[44,1461,1462],{},"各画像を ArrayBuffer で読み込み",[44,1464,1465,1468],{},[49,1466,1467],{},"PDFDocument.create()"," で新規ドキュメントを作成",[44,1470,1471,1472,1475,1476,1479],{},"ページごとに ",[49,1473,1474],{},"pdfDoc.embedJpg()"," または ",[49,1477,1478],{},"embedPng()"," で画像を埋め込み",[44,1481,1482],{},"ページサイズに合わせて自動で縮小・センタリング",[44,1484,1485,1488],{},[49,1486,1487],{},".save()"," で最終的な PDF バイト列に",[11,1490,1491],{},"画像のサイズ指定は縦横比を保持したまま、指定ページサイズに収まるよう計算されます。",[23,1493,143],{"id":143},[11,1495,1496,1499],{},[30,1497,1498],{},"Q. 画像の順序は変えられますか？","\nA. はい。追加した順に並びますが、ドラッグで並べ替えできます。",[11,1501,1502,1505,1506,1508],{},[30,1503,1504],{},"Q. 画像の向き (縦\u002F横) を個別に変えられますか？","\nA. ページ単位の向きは全体で統一されます。個別に回転したい場合は ",[17,1507,1376],{"href":882}," で先に回転してから PDF 化してください。",[11,1510,1511,1514],{},[30,1512,1513],{},"Q. OCR (文字認識) はかかる？","\nA. かかりません。画像はそのまま PDF に埋め込まれます。検索可能 PDF にしたい場合は別途 OCR ツールを通してください (プライバシー観点では、OCR もローカルで完結するツールを選ぶべきです)。",[11,1516,1517,1520,1521,1523],{},[30,1518,1519],{},"Q. 圧縮は？","\nA. 元画像がそのまま埋め込まれるため、PDF が大きくなりがちです。事前に ",[17,1522,172],{"href":171}," してから投入すると、最終 PDF が軽くなります。",[23,1525,164],{"id":164},[68,1527,1528,1533,1540],{},[44,1529,1530,1532],{},[17,1531,172],{"href":171}," — PDF 化前に画像を軽くする",[44,1534,1535,1539],{},[17,1536,1538],{"href":1537},"\u002Ftools\u002Fpdf-merge","PDF 結合"," — 既存 PDF と結合する",[44,1541,1542,1546],{},[17,1543,1545],{"href":1544},"\u002Ftools\u002Fpdf-to-image","PDF → 画像"," — 逆変換",{"title":187,"searchDepth":188,"depth":188,"links":1548},[1549,1550,1551,1552,1553],{"id":232,"depth":188,"text":232},{"id":39,"depth":188,"text":39},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の画像 → PDF 変換ツールは、複数画像をサーバーに送らず 1 つの PDF にまとめます。スキャン画像の PDF 化・レシートまとめ・申請書類の体裁整え。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-to-pdf-intro",{"title":1398,"description":1554},"image-to-pdf-intro","blog\u002Fimage-to-pdf-intro",[1561,210,211,212],"PDF","D6ubXIQ0K1VJPj8rh053Aq1XTT7bE9P36nsJMIHnsO4",{"id":1564,"title":1565,"author":6,"body":1566,"category":196,"coverImage":197,"description":1703,"draft":199,"extension":200,"locale":201,"meta":1704,"navigation":203,"noindex":199,"path":1705,"publishedAt":205,"seo":1706,"slug":1707,"stem":1708,"tags":1709,"updatedAt":205,"__hash__":1711},"blog\u002Fblog\u002Fpdf-compress-intro.md","PDF を圧縮する — \u002Ftools\u002Fpdf-compress の思想と使い方",{"type":8,"value":1567,"toc":1696},[1568,1571,1577,1580,1587,1590,1592,1612,1615,1619,1622,1642,1649,1651,1657,1663,1669,1675,1677],[11,1569,1570],{},"メールで PDF を送ろうとしたら「ファイルサイズが大きすぎます」と弾かれた、Slack の無料枠を食い潰す、見積書 PDF が 30MB あって顧客にストレスを与えている。PDF のサイズ圧縮は、業務の摩擦を減らすのに効く小さな改善です。",[11,1572,1573,229],{},[17,1574,1576],{"href":1575},"\u002Ftools\u002Fpdf-compress","Zerosend の PDF 圧縮ツール",[23,1578,1579],{"id":1579},"なぜブラウザ内で圧縮するのか",[11,1581,1582,1583,1586],{},"PDF 圧縮サービスの大半はアップロード型です。つまり",[30,1584,1585],{},"契約書・見積書・健康診断・給与明細を他社サーバーに預ける","ことになります。「削除します」と書かれていても、その履行をユーザーが確認する術はありません。",[11,1588,1589],{},"Zerosend は圧縮処理をローカルで行うため、機密性の高い PDF をそのまま投入できます。DevTools で本当にアップロードされていないことを確認してから、安心して使ってください。",[23,1591,39],{"id":39},[41,1593,1594,1600,1603,1606,1609],{},[44,1595,1596,51],{},[17,1597,1598],{"href":1575},[49,1599,1575],{},[44,1601,1602],{},"PDF をドラッグ&ドロップ",[44,1604,1605],{},"画質レベルを選択 (高品質 \u002F 標準 \u002F 低品質)",[44,1607,1608],{},"「圧縮を開始する」をクリック",[44,1610,1611],{},"軽量化された PDF をダウンロード",[11,1613,1614],{},"スキャン由来の画像 PDF に特に効果があります。ベクタ主体のテキスト PDF はもともと軽いので削減率は控えめです。",[23,1616,1618],{"id":1617},"仕組み-ラスタライズによる再構築","仕組み — ラスタライズによる再構築",[11,1620,1621],{},"Zerosend の PDF 圧縮は、一度ページを画像化して再構築する方式です。",[68,1623,1624,1631,1634,1639],{},[44,1625,1626,1627,1630],{},"元 PDF を ",[49,1628,1629],{},"pdfjs-dist"," で各ページをキャンバスに描画",[44,1632,1633],{},"描画結果を指定品質で JPEG にエンコード",[44,1635,1636,1638],{},[49,1637,1456],{}," で新しい PDF を組み立て、JPEG ページを埋め込み",[44,1640,1641],{},"元 PDF の metadata (タイトル・作成者など) は引き継ぐ",[11,1643,1644,1645,1648],{},"このアプローチの強みはサイズ削減率の高さ、弱みは",[30,1646,1647],{},"ベクタ情報が失われること"," (テキスト選択・検索不可になる) です。テキスト検索性を維持したい場合は、元 PDF のまま送るか、軽量化の必要性を再検討してください。",[23,1650,143],{"id":143},[11,1652,1653,1656],{},[30,1654,1655],{},"Q. 削減率はどのくらい？","\nA. 画像主体のスキャン PDF なら 50〜80% 減ることもあります。テキスト主体の PDF は 10〜30% 程度です。",[11,1658,1659,1662],{},[30,1660,1661],{},"Q. 圧縮後にテキスト検索できなくなった","\nA. ラスタライズ方式の副作用です。「標準」設定では解像度を維持するため読みやすさは保ちますが、テキストとしては検索できません。",[11,1664,1665,1668],{},[30,1666,1667],{},"Q. OCR は含まれますか？","\nA. 現状は非対応です。圧縮後の PDF を検索可能にしたい場合は、別途 OCR ツールが必要です。",[11,1670,1671,1674],{},[30,1672,1673],{},"Q. 元の PDF が暗号化されている場合は？","\nA. パスワード保護された PDF は処理できません。先にロック解除が必要です。",[23,1676,164],{"id":164},[68,1678,1679,1684,1691],{},[44,1680,1681,1683],{},[17,1682,1538],{"href":1537}," — 圧縮前に結合しておく",[44,1685,1686,1690],{},[17,1687,1689],{"href":1688},"\u002Ftools\u002Fpdf-split","PDF 分割"," — 必要なページだけ抽出すれば圧縮も不要なことが多い",[44,1692,1693,1695],{},[17,1694,172],{"href":171}," — スキャン前の個別画像を軽くしておく選択肢",{"title":187,"searchDepth":188,"depth":188,"links":1697},[1698,1699,1700,1701,1702],{"id":1579,"depth":188,"text":1579},{"id":39,"depth":188,"text":39},{"id":1617,"depth":188,"text":1618},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の PDF 圧縮ツールは、PDF をサーバーに送らずブラウザ内でページをラスタライズして再構築し、サイズを削減します。メール添付上限に引っかかる PDF を軽くしたいときに。",{},"\u002Fblog\u002Fpdf-compress-intro",{"title":1565,"description":1703},"pdf-compress-intro","blog\u002Fpdf-compress-intro",[1561,1710,212],"圧縮","VKeX-7oi09OkXSKTYY4F_Mac1HcdP3v8fAz8Brsj664",{"id":1713,"title":1714,"author":6,"body":1715,"category":196,"coverImage":197,"description":1871,"draft":199,"extension":200,"locale":201,"meta":1872,"navigation":203,"noindex":199,"path":1873,"publishedAt":205,"seo":1874,"slug":1875,"stem":1876,"tags":1877,"updatedAt":205,"__hash__":1878},"blog\u002Fblog\u002Fpdf-edit-intro.md","PDF のページを並べ替え・削除・回転 — \u002Ftools\u002Fpdf-edit の思想と使い方",{"type":8,"value":1716,"toc":1864},[1717,1720,1727,1729,1735,1738,1740,1778,1780,1809,1818,1820,1826,1832,1838,1844,1846],[11,1718,1719],{},"スキャンしたら逆向きになっていた、最終ページが白紙だから削除したい、契約書の章を入れ替えたい。PDF 編集の 9 割は「ページの並べ替え・削除・回転」で済みます。",[11,1721,1722,1726],{},[17,1723,1725],{"href":1724},"\u002Ftools\u002Fpdf-edit","Zerosend の PDF ページ編集ツール"," は、この基本 3 操作をブラウザ内で完結させます。",[23,1728,887],{"id":887},[11,1730,1731,1732,897],{},"PDF 編集の対象は、ほぼ例外なく機密文書です。業務委託契約、秘密保持契約、顧客カルテ、社内規程、給与明細。これらを「ページを入れ替えるだけ」のオンラインサービスに預けると、",[30,1733,1734],{},"元の全ページが相手のサーバーに渡ります",[11,1736,1737],{},"「処理後にすぐ削除」と書かれていても、保存の痕跡や解析ログをユーザーが検証する手段はありません。Zerosend ではページ編集もローカル処理のため、この透明性の問題を構造的に回避できます。",[23,1739,39],{"id":39},[41,1741,1742,1748,1750,1753,1775],{},[44,1743,1744,51],{},[17,1745,1746],{"href":1724},[49,1747,1724],{},[44,1749,1602],{},[44,1751,1752],{},"ページサムネイル一覧が表示される",[44,1754,1755,1756],{},"操作:\n",[68,1757,1758,1764,1770],{},[44,1759,1760,1763],{},[30,1761,1762],{},"並べ替え",": ドラッグでページを入れ替え",[44,1765,1766,1769],{},[30,1767,1768],{},"削除",": 不要なページのゴミ箱アイコンをクリック",[44,1771,1772,1774],{},[30,1773,929],{},": 各ページの回転アイコンで 90° 単位回転",[44,1776,1777],{},"「編集を完了する」をクリックして新しい PDF を出力",[23,1779,103],{"id":103},[68,1781,1782,1788,1791,1797,1804],{},[44,1783,1784,1785,1787],{},"PDF を ",[49,1786,1629],{}," でレンダリングしてサムネイル一覧を表示",[44,1789,1790],{},"ページの並び・削除・回転情報を UI 上で管理",[44,1792,1793,1794,1796],{},"「完了」操作時に ",[49,1795,1456],{}," を呼び出し、元 PDF から必要なページを順にコピー",[44,1798,1799,1800,1803],{},"回転は ",[49,1801,1802],{},"page.setRotation()"," で書き込み",[44,1805,1806,1807],{},"最終 PDF として ",[49,1808,1487],{},[11,1810,1811,1812,1814,1815,1817],{},"サムネ描画 (",[49,1813,1629],{},") と PDF 組み立て (",[49,1816,1456],{},") の 2 ライブラリで役割分担しています。",[23,1819,143],{"id":143},[11,1821,1822,1825],{},[30,1823,1824],{},"Q. 編集履歴は残りますか？","\nA. 新しい PDF として書き出すため、元ファイルは変更されません。必要なら元ファイルを別途保存しておいてください。",[11,1827,1828,1831],{},[30,1829,1830],{},"Q. ページを複製 (同じページを 2 回入れる) できますか？","\nA. 現状は非対応です。需要があれば追加します。",[11,1833,1834,1837],{},[30,1835,1836],{},"Q. テキストを編集したい","\nA. 本ツールはページ単位の操作のみです。テキスト書き換えや署名追加などは別ツールが必要です。",[11,1839,1840,1843],{},[30,1841,1842],{},"Q. 回転の粒度は？","\nA. 90° 単位のみです。PDF の仕様上、自由角度回転は本来のページ情報を損ねる可能性があるため非対応です。",[23,1845,164],{"id":164},[68,1847,1848,1853,1858],{},[44,1849,1850,1852],{},[17,1851,1689],{"href":1688}," — 編集ではなく切り分けたいとき",[44,1854,1855,1857],{},[17,1856,1538],{"href":1537}," — 複数 PDF を結合",[44,1859,1860,1863],{},[17,1861,1862],{"href":1575},"PDF 圧縮"," — 編集後のサイズ削減",{"title":187,"searchDepth":188,"depth":188,"links":1865},[1866,1867,1868,1869,1870],{"id":887,"depth":188,"text":887},{"id":39,"depth":188,"text":39},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の PDF ページ編集ツールは、PDF のページ順序変更・削除・回転をサーバーに送らず端末内で行います。スキャン時の向きミス修正や不要ページ削除に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-edit-intro",{"title":1714,"description":1871},"pdf-edit-intro","blog\u002Fpdf-edit-intro",[1561,1036,212],"SfzMAQON3OOM4AYZfz3xZ5qB71ytztm9DyebNNSWdJU",{"id":1880,"title":1881,"author":6,"body":1882,"category":196,"coverImage":197,"description":2039,"draft":199,"extension":200,"locale":201,"meta":2040,"navigation":203,"noindex":199,"path":2041,"publishedAt":205,"seo":2042,"slug":2043,"stem":2044,"tags":2045,"updatedAt":205,"__hash__":2047},"blog\u002Fblog\u002Fpdf-split-intro.md","PDF を分割する — \u002Ftools\u002Fpdf-split の思想と使い方",{"type":8,"value":1883,"toc":2032},[1884,1887,1892,1896,1902,1905,1908,1910,1947,1949,1954,1982,1985,1987,1993,1999,2012,2014],[11,1885,1886],{},"契約書の 2〜5 ページだけ送ればいい、100 ページの資料から関係者ごとに必要なページを分けて配りたい、スキャン時に 1 つの PDF にしてしまった複数書類を切り分けたい。PDF の分割は業務で頻繁に発生します。",[11,1888,1889,229],{},[17,1890,1891],{"href":1688},"Zerosend の PDF 分割ツール",[23,1893,1895],{"id":1894},"なぜブラウザ内で-pdf-を分割するのか","なぜブラウザ内で PDF を分割するのか",[11,1897,1898,1899,897],{},"PDF の中身は、契約書・見積書・健康診断結果・給与明細・設計資料など、ほぼすべてが機密性を持ちます。これを「PDF 分割できるオンラインサービス」にアップロードすると、",[30,1900,1901],{},"元の全ページが一旦そのサービスのサーバーに渡ります",[11,1903,1904],{},"ユーザー側が「2〜5 ページだけ必要」と思っていても、サービス側は全ページにアクセスできます。無料で提供されている以上、何らかの対価 (ログ・解析・AI 学習素材) としてファイルが使われている可能性は否定できません。",[11,1906,1907],{},"Zerosend は分割処理そのものがローカルで動くため、この構造的な問題を回避できます。",[23,1909,39],{"id":39},[41,1911,1912,1918,1921,1942,1945],{},[44,1913,1914,51],{},[17,1915,1916],{"href":1688},[49,1917,1688],{},[44,1919,1920],{},"PDF ファイルをドラッグ&ドロップ",[44,1922,1923,1924],{},"分割方法を選ぶ:\n",[68,1925,1926,1932],{},[44,1927,1928,1931],{},[30,1929,1930],{},"全ページを 1 ページずつ分割"," — 100 ページなら 100 ファイル",[44,1933,1934,1937,1938,1941],{},[30,1935,1936],{},"範囲指定"," — 例: ",[49,1939,1940],{},"1-3, 5, 7-10"," で複数範囲を抽出",[44,1943,1944],{},"「分割を開始する」をクリック",[44,1946,263],{},[23,1948,103],{"id":103},[11,1950,1951,1953],{},[49,1952,1456],{}," というブラウザで動く PDF 編集ライブラリを使っています。",[68,1955,1956,1959,1965,1971,1977],{},[44,1957,1958],{},"入力 PDF を ArrayBuffer として読み込み",[44,1960,1961,1964],{},[49,1962,1963],{},"PDFDocument.load()"," で解析",[44,1966,1967,1968,1323],{},"範囲指定に応じた新しい ",[49,1969,1970],{},"PDFDocument",[44,1972,1973,1976],{},[49,1974,1975],{},"copyPages()"," で必要なページだけコピー",[44,1978,1979,1981],{},[49,1980,1487],{}," で新しい PDF バイト列を生成",[11,1983,1984],{},"すべてメモリ上で処理し、ネットワークには一切送りません。",[23,1986,143],{"id":143},[11,1988,1989,1992],{},[30,1990,1991],{},"Q. 暗号化された PDF (パスワード保護) も分割できる？","\nA. パスワードなしの PDF のみ対応しています。暗号化 PDF は先にロック解除が必要です。",[11,1994,1995,1998],{},[30,1996,1997],{},"Q. ページ数が非常に多い PDF (500 ページなど) は？","\nA. 処理はできますが、ブラウザのメモリ次第で時間がかかります。数百 MB 規模の PDF は端末スペック次第で詰まる可能性があります。",[11,2000,2001,2004,2005,338,2008,2011],{},[30,2002,2003],{},"Q. 分割後のファイル名は？","\nA. 元ファイル名に ",[49,2006,2007],{},"-p1",[49,2009,2010],{},"-p2-5"," のようなサフィックスを付けます。",[23,2013,164],{"id":164},[68,2015,2016,2021,2027],{},[44,2017,2018,2020],{},[17,2019,1538],{"href":1537}," — 分割とは逆に、複数 PDF を 1 つに",[44,2022,2023,2026],{},[17,2024,2025],{"href":1724},"PDF ページ編集"," — ページの並べ替え・削除・回転",[44,2028,2029,2031],{},[17,2030,1862],{"href":1575}," — 分割後のファイルを軽くする",{"title":187,"searchDepth":188,"depth":188,"links":2033},[2034,2035,2036,2037,2038],{"id":1894,"depth":188,"text":1895},{"id":39,"depth":188,"text":39},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の PDF 分割ツールは、PDF をサーバーに送らずブラウザ内でページ単位\u002F範囲指定で分割します。機密文書の特定ページだけ共有したいときに。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-split-intro",{"title":1881,"description":2039},"pdf-split-intro","blog\u002Fpdf-split-intro",[1561,2046,212],"分割","kCwJnR50yT43l5AF860iF-mBucf9FJ5nyTBuUsXsMyY",{"id":2049,"title":2050,"author":6,"body":2051,"category":196,"coverImage":197,"description":2214,"draft":199,"extension":200,"locale":201,"meta":2215,"navigation":203,"noindex":199,"path":2216,"publishedAt":205,"seo":2217,"slug":2218,"stem":2219,"tags":2220,"updatedAt":205,"__hash__":2221},"blog\u002Fblog\u002Fpdf-to-image-intro.md","PDF を画像に変換する — \u002Ftools\u002Fpdf-to-image の思想と使い方",{"type":8,"value":2052,"toc":2205},[2053,2056,2061,2063,2070,2073,2075,2093,2096,2116,2118,2123,2151,2154,2156,2165,2171,2177,2186,2188],[11,2054,2055],{},"プレゼン資料の 1 ページだけスクリーンショット的に使いたい、PDF の一部を SNS 投稿したい、PDF を見れない環境向けに画像で送りたい。「PDF → 画像」の変換は地味に需要があります。",[11,2057,2058,229],{},[17,2059,2060],{"href":1544},"Zerosend の PDF → 画像変換ツール",[23,2062,232],{"id":232},[11,2064,2065,2066,2069],{},"PDF から画像を切り出したい場面は、社内資料・顧客提案書・設計図・契約書スナップショットなど、機密度が高いケースが多いものです。「PDF の特定ページを画像にしたいだけ」と思ってオンラインツールに上げるときも、",[30,2067,2068],{},"アップロードされるのは PDF の全ページ","です。",[11,2071,2072],{},"Zerosend は変換処理をローカルで行うため、そもそも PDF が外に出ません。",[23,2074,39],{"id":39},[41,2076,2077,2083,2085,2088,2090],{},[44,2078,2079,51],{},[17,2080,2081],{"href":1544},[49,2082,1544],{},[44,2084,1602],{},[44,2086,2087],{},"出力形式 (PNG \u002F JPEG) と解像度を選ぶ",[44,2089,60],{},[44,2091,2092],{},"全ページの画像が ZIP で生成される",[293,2094,2095],{"id":2095},"解像度の目安",[68,2097,2098,2104,2110],{},[44,2099,2100,2103],{},[30,2101,2102],{},"72 DPI",": ウェブ掲載・SNS 投稿用。画質より軽さ優先",[44,2105,2106,2109],{},[30,2107,2108],{},"150 DPI",": 画面で読む標準品質",[44,2111,2112,2115],{},[30,2113,2114],{},"300 DPI",": 印刷品質。資料の細部が重要なとき",[23,2117,103],{"id":103},[11,2119,2120,2122],{},[49,2121,1629],{}," を使って各ページを Canvas に描画し、Canvas から画像として書き出しています。",[68,2124,2125,2128,2133,2143,2148],{},[44,2126,2127],{},"PDF を ArrayBuffer として読み込み",[44,2129,2130,1964],{},[49,2131,2132],{},"getDocument()",[44,2134,1471,2135,2138,2139,2142],{},[49,2136,2137],{},"getPage(n)"," → ",[49,2140,2141],{},"render(ctx, viewport)"," で Canvas に描画",[44,2144,2145,2147],{},[49,2146,1116],{}," で PNG \u002F JPEG 化",[44,2149,2150],{},"全ページを ZIP にまとめてダウンロード",[11,2152,2153],{},"ブラウザの描画エンジンをそのまま使うため、フォント埋め込み・ベクタ図・透過要素も正確に再現されます。",[23,2155,143],{"id":143},[11,2157,2158,2161,2162,2164],{},[30,2159,2160],{},"Q. 特定のページだけ変換できますか？","\nA. 現状は全ページが対象です。特定ページだけなら ",[17,2163,1689],{"href":1688}," で該当ページだけ抽出してから変換するのが確実です。",[11,2166,2167,2170],{},[30,2168,2169],{},"Q. 透過背景の PDF を変換するとどうなる？","\nA. PNG を選べば透過が保持されます。JPEG は透過非対応のため白背景になります。",[11,2172,2173,2176],{},[30,2174,2175],{},"Q. 画像の品質をもっと上げたい","\nA. 解像度を 300 DPI にすると大きく改善します。ただしファイルサイズとメモリ消費も大きくなります。",[11,2178,2179,2182,2183,2185],{},[30,2180,2181],{},"Q. 全ページを 1 枚にまとめたい","\nA. 本ツールは 1 ページ 1 ファイルです。まとめたい場合はダウンロード後 ",[17,2184,1020],{"href":1019}," で結合してください。",[23,2187,164],{"id":164},[68,2189,2190,2195,2200],{},[44,2191,2192,2194],{},[17,2193,1689],{"href":1688}," — ページ単位の抽出",[44,2196,2197,2199],{},[17,2198,172],{"href":171}," — 変換後の画像を軽くする",[44,2201,2202,2204],{},[17,2203,1020],{"href":1019}," — 変換した画像を 1 枚にまとめる",{"title":187,"searchDepth":188,"depth":188,"links":2206},[2207,2208,2211,2212,2213],{"id":232,"depth":188,"text":232},{"id":39,"depth":188,"text":39,"children":2209},[2210],{"id":2095,"depth":413,"text":2095},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の PDF → 画像変換ツールは、PDF の各ページをサーバーに送らずブラウザ内で PNG \u002F JPEG に書き出します。資料の一部だけ共有したいときに便利。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-to-image-intro",{"title":2050,"description":2214},"pdf-to-image-intro","blog\u002Fpdf-to-image-intro",[1561,210,211,212],"Jq_DAUEoYgotOWAA8KjTcYylG7P9YgTbzLMPbniCMdc",{"id":2223,"title":2224,"author":6,"body":2225,"category":196,"coverImage":197,"description":2378,"draft":199,"extension":200,"locale":201,"meta":2379,"navigation":203,"noindex":199,"path":2380,"publishedAt":205,"seo":2381,"slug":2382,"stem":2383,"tags":2384,"updatedAt":205,"__hash__":2386},"blog\u002Fblog\u002Fqr-create-intro.md","QR コードを生成する — \u002Ftools\u002Fqr-create の思想と使い方",{"type":8,"value":2226,"toc":2370},[2227,2230,2237,2241,2247,2250,2253,2255,2275,2278,2304,2306,2312,2323,2326,2328,2334,2343,2349,2351],[11,2228,2229],{},"自社サイトの URL を名刺に載せる、Wi-Fi パスワードを会議室の壁に貼る、イベントのアンケート URL をポスターに印刷する。QR コードは、URL や短いテキストを物理空間に橋渡しする便利な手段です。",[11,2231,2232,2236],{},[17,2233,2235],{"href":2234},"\u002Ftools\u002Fqr-create","Zerosend の QR コード生成ツール"," は、QR を作る作業をブラウザ内で完結させます。",[23,2238,2240],{"id":2239},"なぜブラウザ内で-qr-を作るのか","なぜブラウザ内で QR を作るのか",[11,2242,2243,2244,897],{},"QR 生成サービスの多くは、入力した URL やテキストをサーバーに送って画像を返す形式です。「URL を QR にしただけ」と思いがちですが、",[30,2245,2246],{},"どの URL を誰がいつ QR にしたかという履歴がサーバーに残り得ます",[11,2248,2249],{},"特に社内専用 URL、β版テスト URL、限定公開のアンケート URL などは、外部に知られたくない情報です。また、Wi-Fi パスワードや連絡先情報をテキストから QR 化する場合、中身がそのまま第三者のサーバーに渡ります。",[11,2251,2252],{},"Zerosend では QR 生成処理そのものがブラウザ内で完結するため、入力したテキストは一切外に出ません。",[23,2254,39],{"id":39},[41,2256,2257,2263,2266,2269,2272],{},[44,2258,2259,51],{},[17,2260,2261],{"href":2234},[49,2262,2234],{},[44,2264,2265],{},"テキスト・URL を入力",[44,2267,2268],{},"出力形式 (PNG \u002F SVG)・サイズ・誤り訂正レベルを選択",[44,2270,2271],{},"「QR を生成する」をクリック",[44,2273,2274],{},"画像をダウンロード",[23,2276,2277],{"id":2277},"誤り訂正レベルの選び方",[68,2279,2280,2286,2292,2298],{},[44,2281,2282,2285],{},[30,2283,2284],{},"L (Low, 7%)",": 小さい QR にしたいとき。印刷品質が良いなら実用十分",[44,2287,2288,2291],{},[30,2289,2290],{},"M (Medium, 15%)",": 汎用・標準",[44,2293,2294,2297],{},[30,2295,2296],{},"Q (Quartile, 25%)",": 名刺・ステッカーなど汚れ・折れが予想される用途",[44,2299,2300,2303],{},[30,2301,2302],{},"H (High, 30%)",": ロゴ重ね合わせ・屋外掲示で摩耗想定",[23,2305,103],{"id":103},[11,2307,2308,2311],{},[49,2309,2310],{},"qrcode"," という広く使われているブラウザ対応ライブラリを使っています。",[68,2313,2314,2317,2320],{},[44,2315,2316],{},"入力テキストから QR マトリクスを計算",[44,2318,2319],{},"Canvas に描画 (PNG) または SVG として直接生成",[44,2321,2322],{},"モジュール数・誤り訂正レベル・色指定に応じて調整",[11,2324,2325],{},"SVG で生成すれば、拡大縮小しても劣化しないベクタ画像が得られます。印刷用途には SVG がお勧めです。",[23,2327,143],{"id":143},[11,2329,2330,2333],{},[30,2331,2332],{},"Q. QR に含められるテキスト量は？","\nA. 仕様上は最大 4296 文字 (英数字)、日本語なら 1817 文字程度まで。長くなるほど QR の密度が上がり、スキャン成功率は下がります。URL 短縮サービスの利用も検討してください (ただしサードパーティ依存が増える)。",[11,2335,2336,2339,2340,2342],{},[30,2337,2338],{},"Q. ロゴを中央に重ねたい","\nA. 本ツールでは直接対応していませんが、PNG \u002F SVG をダウンロードしたあと ",[17,2341,1376],{"href":882}," で合成できます。誤り訂正は H にしておくとスキャン成功率が上がります。",[11,2344,2345,2348],{},[30,2346,2347],{},"Q. 作った QR の履歴は残りますか？","\nA. 残りません。タブを閉じた時点ですべて消えます。",[23,2350,164],{"id":164},[68,2352,2353,2360,2365],{},[44,2354,2355,2359],{},[17,2356,2358],{"href":2357},"\u002Ftools\u002Fqr-read","QR コード読み取り"," — 生成した QR の検証・他人の QR の中身確認",[44,2361,2362,2364],{},[17,2363,1376],{"href":882}," — QR にロゴを重ねる合成に",[44,2366,2367,2369],{},[17,2368,1191],{"href":1190}," — 複数 QR を 1 枚にまとめて印刷",{"title":187,"searchDepth":188,"depth":188,"links":2371},[2372,2373,2374,2375,2376,2377],{"id":2239,"depth":188,"text":2240},{"id":39,"depth":188,"text":39},{"id":2277,"depth":188,"text":2277},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の QR コード生成ツールは、URL やテキストをサーバーに送らずブラウザ内で QR 画像 (PNG \u002F SVG) に変換します。名刺・ポスター・プレゼン用の QR 作成に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fqr-create-intro",{"title":2224,"description":2378},"qr-create-intro","blog\u002Fqr-create-intro",[2385,212],"QR","DsH_yfTI7xypljWMDgLacgDgEhya0OFaN1gCRUol0hc",{"id":2388,"title":2389,"author":6,"body":2390,"category":196,"coverImage":197,"description":2562,"draft":199,"extension":200,"locale":201,"meta":2563,"navigation":203,"noindex":199,"path":2564,"publishedAt":205,"seo":2565,"slug":2566,"stem":2567,"tags":2568,"updatedAt":205,"__hash__":2570},"blog\u002Fblog\u002Fqr-read-intro.md","QR コードを読み取る — \u002Ftools\u002Fqr-read の思想と使い方",{"type":8,"value":2391,"toc":2554},[2392,2395,2401,2405,2412,2415,2429,2432,2434,2455,2457,2463,2481,2484,2487,2490,2508,2511,2513,2519,2528,2534,2536],[11,2393,2394],{},"怪しい広告に貼られていた QR、送られてきたチラシの QR、カメラで読むにはスマホを近づける距離が取りづらい QR。「画像として手元にある QR を PC でササッと中身だけ確認したい」という場面は意外と多いものです。",[11,2396,2397,2400],{},[17,2398,2399],{"href":2357},"Zerosend の QR 読み取りツール"," は、この用途のためにあります。フィッシングやスキャン型詐欺への自衛にも使えます。",[23,2402,2404],{"id":2403},"なぜブラウザ内で-qr-を読み取るのか","なぜブラウザ内で QR を読み取るのか",[11,2406,2407,2408,2411],{},"QR 読み取り=「カメラで撮って自動でリンクを開く」と考えがちですが、これは",[30,2409,2410],{},"危険な挙動","です。悪意のある QR はフィッシングサイト、マルウェア配布 URL、課金トラップ、不審なアプリインストールに誘導することがあります。",[11,2413,2414],{},"Zerosend はこれに対し 2 つの方針を取ります。",[41,2416,2417,2423],{},[44,2418,2419,2422],{},[30,2420,2421],{},"画像読み取り処理をローカルで行う"," — QR 画像を第三者に渡さない",[44,2424,2425,2428],{},[30,2426,2427],{},"デコード結果を自動遷移しない"," — URL が含まれていても、まずテキストとして表示し、ユーザーが内容を確認してから手動で判断できる",[11,2430,2431],{},"これはセキュリティ設計として重要な原則で、ZerosendのCLAUDE.mdにも「外部 URL への自動遷移禁止」として明記されています。",[23,2433,39],{"id":39},[41,2435,2436,2442,2445,2452],{},[44,2437,2438,51],{},[17,2439,2440],{"href":2357},[49,2441,2357],{},[44,2443,2444],{},"QR が写っている画像をドラッグ&ドロップ",[44,2446,2447,2448,2451],{},"自動でデコードが走り、結果が",[30,2449,2450],{},"プレーンテキスト","として表示される",[44,2453,2454],{},"内容を確認し、必要なら手動でコピー・遷移",[23,2456,103],{"id":103},[11,2458,2459,2462],{},[49,2460,2461],{},"jsQR"," というブラウザ対応の純 JavaScript QR デコーダを使っています。",[68,2464,2465,2469,2475,2478],{},[44,2466,1314,2467,126],{},[49,2468,125],{},[44,2470,2471,2474],{},[49,2472,2473],{},"getImageData()"," でピクセル配列を取得",[44,2476,2477],{},"jsQR がピクセル配列から QR を検出・デコード",[44,2479,2480],{},"結果をテキストとしてそのまま表示 (HTML として解釈しない・リンク化しない)",[11,2482,2483],{},"ライブラリは WASM ではなく純 JavaScript 実装のため、初回ロードが軽いのも特徴です。",[23,2485,2486],{"id":2486},"フィッシング対策としての使い方",[11,2488,2489],{},"怪しいメール・チラシ・SMS に QR が含まれているとき:",[41,2491,2492,2495,2502,2505],{},[44,2493,2494],{},"画像をスクリーンショットや保存で取得 (スキャンしない)",[44,2496,2497,2498,2501],{},"Zerosend で読み取って",[30,2499,2500],{},"テキストとして"," URL を確認",[44,2503,2504],{},"URL 構造に違和感がないかチェック (正規サイトのサブドメイン偽装、短縮 URL 経由、意味不明なパスなど)",[44,2506,2507],{},"問題なさそうなら手動でアドレスバーに入力して遷移",[11,2509,2510],{},"カメラで直接読むと一発でブラウザが開くリスクがありますが、この手順ならテキストで一度確認できます。",[23,2512,143],{"id":143},[11,2514,2515,2518],{},[30,2516,2517],{},"Q. 画像内に複数の QR がある場合は？","\nA. 現状は最初に検出された 1 つだけ読み取ります。",[11,2520,2521,2524,2525,2527],{},[30,2522,2523],{},"Q. 読み取れない QR","\nA. 解像度不足・反射・歪みが主な原因です。撮り直すか ",[17,2526,1376],{"href":882}," で補正を試してください。",[11,2529,2530,2533],{},[30,2531,2532],{},"Q. 読み取り結果がサーバーに送られていないか確認したい","\nA. DevTools の Network タブを開いてから QR 画像をドロップしてください。通信が発生しないことが確認できます。",[23,2535,164],{"id":164},[68,2537,2538,2544,2549],{},[44,2539,2540,2543],{},[17,2541,2542],{"href":2234},"QR コード生成"," — 作った QR の検証にも使える",[44,2545,2546,2548],{},[17,2547,1376],{"href":882}," — QR 画像の切り抜き・回転で読み取り成功率向上",[44,2550,2551,2553],{},[17,2552,172],{"href":171}," — 読み取れた QR 画像を軽く保存",{"title":187,"searchDepth":188,"depth":188,"links":2555},[2556,2557,2558,2559,2560,2561],{"id":2403,"depth":188,"text":2404},{"id":39,"depth":188,"text":39},{"id":103,"depth":188,"text":103},{"id":2486,"depth":188,"text":2486},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の QR 読み取りツールは、画像をサーバーに送らずブラウザ内で QR の中身をテキスト抽出します。リンク先の自動遷移はせず、安全に内容を確認できます。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fqr-read-intro",{"title":2389,"description":2562},"qr-read-intro","blog\u002Fqr-read-intro",[2385,212,2569],"セキュリティ","4FjBNHwI0afA6UgHyTZbgfJtqb9hmC9rK5CiPA_rCgY",{"id":2572,"title":2573,"author":6,"body":2574,"category":196,"coverImage":197,"description":2804,"draft":199,"extension":200,"locale":201,"meta":2805,"navigation":203,"noindex":199,"path":2806,"publishedAt":205,"seo":2807,"slug":2808,"stem":2809,"tags":2810,"updatedAt":205,"__hash__":2812},"blog\u002Fblog\u002Fvideo-compress-intro.md","動画をブラウザ内で圧縮する — \u002Ftools\u002Fvideo-compress の思想と使い方",{"type":8,"value":2575,"toc":2792},[2576,2579,2590,2593,2596,2603,2614,2616,2619,2638,2641,2667,2670,2674,2677,2681,2692,2728,2731,2735,2742,2744,2750,2756,2762,2768,2770,2789],[11,2577,2578],{},"打ち合わせ動画、商品撮影、画面録画、子供の運動会。日常で動画を扱う場面は増える一方で、SNS やメッセンジャーのサイズ制限、メールの添付上限、サーバーのストレージコストといった現実的な壁にぶつかります。",[11,2580,2581,2582,2589],{},"Zerosend は ",[17,2583,2585,2586,2588],{"href":2584},"\u002Ftools\u002Fvideo-compress","動画圧縮ツール (",[49,2587,2584],{},")"," を、この「軽くしたいだけなのに、動画を他人のサーバーに預ける必要はない」という素朴な違和感を起点に作りました。この記事では、なぜ作ったのか、どう使うのか、裏で何が起きているのかを Zerosend 編集部が整理します。",[23,2591,2592],{"id":2592},"なぜブラウザ内で動画を圧縮するのか",[11,2594,2595],{},"動画は個人情報そのものです。顔・声・背景・位置情報、ときには画面録画の中にパスワードや顧客名まで写り込みます。これをオンラインの圧縮サービスにアップロードするということは、事実上その内容を一度他人のサーバーに預けることを意味します。",[11,2597,2598,2599,2602],{},"多くのサービスは「一定時間で自動削除」を謳いますが、",[30,2600,2601],{},"その削除は利用者から検証できません","。削除完了のスクリーンショットを送ってくれるわけでもなく、ログがどこまで残るかも不透明です。未公開の企画映像や社内会議の録画を、無料ツールに放り込むことに抵抗を感じたことがある人は多いはずです。",[11,2604,2605,2606,2609,2610,2613],{},"Zerosend は逆のアプローチを取ります。",[30,2607,2608],{},"動画ファイルを最初から外に出さない","。処理はすべて、あなたがいま開いているこのブラウザ、ローカル端末の CPU と GPU の中だけで完結します。DevTools の Network タブを開いたまま圧縮を実行すれば、動画そのものがアップロードされていないことを自分の目で確認できます。信用してもらう代わりに、",[30,2611,2612],{},"検証可能にする"," — これが Zerosend の基本方針です。",[23,2615,39],{"id":39},[11,2617,2618],{},"操作はシンプルです。",[41,2620,2621,2627,2630,2633,2635],{},[44,2622,2623,51],{},[17,2624,2625],{"href":2584},[49,2626,2584],{},[44,2628,2629],{},"画面中央のドロップゾーンに動画ファイルをドラッグ&ドロップ、またはクリックして選択 (MP4 \u002F WebM \u002F MOV、最大 500MB)",[44,2631,2632],{},"圧縮強度 (CRF) と解像度を選ぶ",[44,2634,1608],{},[44,2636,2637],{},"処理が終わると「処理完了。あなたのファイルは外に出ていません。」と表示され、ダウンロードボタンから結果を保存できる",[293,2639,2640],{"id":2640},"設定の目安",[68,2642,2643,2649,2655,2661],{},[44,2644,2645,2648],{},[30,2646,2647],{},"高画質 (CRF 23)",": 画質維持を最優先。削減率は 10〜30% 程度。保存用のマスター映像向け",[44,2650,2651,2654],{},[30,2652,2653],{},"標準 (CRF 28)",": 視覚的な劣化は軽微。削減率 40〜70%。ウェブ掲載・SNS 共有に",[44,2656,2657,2660],{},[30,2658,2659],{},"小さめ (CRF 32)",": 多少ぼやけるが容量優先。チャット添付・LINE・メール向け",[44,2662,2663,2666],{},[30,2664,2665],{},"最小 (CRF 36)",": 輪郭が甘くなる。品質より「とにかく送れる」が最優先なとき",[11,2668,2669],{},"解像度は 100 \u002F 75 \u002F 50% から選べます。1080p の素材を 75% にすると、CRF を 1〜2 下げるより確実にサイズが落ちます。",[23,2671,2673],{"id":2672},"仕組み-二段構えのエンジン","仕組み — 二段構えのエンジン",[11,2675,2676],{},"Zerosend の動画圧縮は、単一のエンジンに依存していません。ブラウザの能力を見て、もっとも速い経路を自動で選びます。",[293,2678,2680],{"id":2679},"_1-webcodecs-高速パス","1. WebCodecs (高速パス)",[11,2682,2683,2684,2687,2688,2691],{},"Chrome \u002F Edge \u002F 最近の Safari には ",[49,2685,2686],{},"WebCodecs"," API が実装されており、",[30,2689,2690],{},"GPU 支援の H.264 エンコーダ","をブラウザから直接呼び出せます。Zerosend は対応環境では次のパイプラインで処理します。",[68,2693,2694,2700,2706,2713,2719,2722],{},[44,2695,2696,2699],{},[49,2697,2698],{},"mp4box.js"," で MP4 ファイルを demux",[44,2701,2702,2705],{},[49,2703,2704],{},"VideoDecoder"," でフレームを復号 (ハードウェアアクセラレーション)",[44,2707,2708,2709,2712],{},"必要なら ",[49,2710,2711],{},"OffscreenCanvas"," でリサイズ",[44,2714,2715,2718],{},[49,2716,2717],{},"VideoEncoder"," で H.264 に再エンコード (GPU)",[44,2720,2721],{},"音声はロスレスコピー (AAC のチャンクをそのまま維持)",[44,2723,2724,2727],{},[49,2725,2726],{},"mp4-muxer"," で MP4 に mux し、Blob として出力",[11,2729,2730],{},"これにより、数百 MB の動画も数十秒で処理できます。処理後の結果カードに「エンジン: webcodecs」と表示されれば、このパスが走っています。",[293,2732,2734],{"id":2733},"_2-ffmpegwasm-フォールバック","2. ffmpeg.wasm (フォールバック)",[11,2736,2737,2738,2741],{},"WebCodecs が未対応のブラウザ、HEVC などの特殊なコーデック入力、mp4box が parse できない特殊コンテナのときは、自動的に ",[49,2739,2740],{},"ffmpeg.wasm"," に切り替わります。こちらは完全に CPU で処理するため速度は落ちますが、対応できるフォーマットの幅が段違いに広いのが強みです。ffmpeg-core は Cloudflare R2 から、同一オリジンのパスを経由して 32MB の WASM を取得します。初回のみ時間がかかりますが、2 回目以降はブラウザのキャッシュから復元されます。",[23,2743,143],{"id":143},[11,2745,2746,2749],{},[30,2747,2748],{},"Q. 処理中にインターネット接続が切れたら？","\nA. 動画本体の送受信は発生しないため、圧縮処理自体は継続します。エンジン (ffmpeg.wasm) が未ロードの状態だと初回ダウンロードで失敗しますが、一度読み込んだあとはオフラインでも動作します。",[11,2751,2752,2755],{},[30,2753,2754],{},"Q. 結果のファイルはどこに保存されますか？","\nA. ダウンロードボタンを押したときのブラウザの保存先です。サーバーには何も残りません。結果ファイルはタブを閉じるとメモリから消えます。",[11,2757,2758,2761],{},[30,2759,2760],{},"Q. 画質が思ったより落ちます。","\nA. CRF を下げる (例: 28 → 23)、または解像度の縮小をやめる (50% → 100%) と改善します。素材が 4K なら、100% のまま CRF を下げるより 75% + CRF 25 の方が視覚的なバランスが取れやすいです。",[11,2763,2764,2767],{},[30,2765,2766],{},"Q. iPhone で撮った MOV も処理できますか？","\nA. はい。HEVC (H.265) の場合は ffmpeg.wasm 側のフォールバックに回るため時間がかかりますが、H.264 にトランスコードされた MP4 として出力されます。",[23,2769,164],{"id":164},[68,2771,2772,2779,2784],{},[44,2773,2774,2778],{},[17,2775,2777],{"href":2776},"\u002Ftools\u002Fvideo-to-gif","動画 → GIF"," — SNS の表紙やドキュメント挿入に",[44,2780,2781,2783],{},[17,2782,404],{"href":403}," — 必要な区間だけ切り出してから圧縮すると効率的",[44,2785,2786,2788],{},[17,2787,397],{"href":396}," — MOV \u002F WebM → MP4 など",[11,2790,2791],{},"Zerosend は「日常のちょっとした加工を、あなたの端末で完結させる」ことに徹したツール集です。動画の中身があなたの手元から離れないことを、DevTools で自分の目で確かめてから使ってみてください。",{"title":187,"searchDepth":188,"depth":188,"links":2793},[2794,2795,2798,2802,2803],{"id":2592,"depth":188,"text":2592},{"id":39,"depth":188,"text":39,"children":2796},[2797],{"id":2640,"depth":413,"text":2640},{"id":2672,"depth":188,"text":2673,"children":2799},[2800,2801],{"id":2679,"depth":413,"text":2680},{"id":2733,"depth":413,"text":2734},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の動画圧縮ツールは、動画ファイルをサーバーに送らずブラウザ内で再エンコードしてサイズを削減します。WebCodecs で GPU 支援、未対応環境では ffmpeg.wasm にフォールバック。設計思想と使い方、仕組みを Zerosend 編集部が解説します。",{},"\u002Fblog\u002Fvideo-compress-intro",{"title":2573,"description":2804},"video-compress-intro","blog\u002Fvideo-compress-intro",[2811,1710,2686,212],"動画","ccJoeP9JV0Bqlfhgq6LpUwyaFfFS7koHd_Uj655guv8",{"id":2814,"title":2815,"author":6,"body":2816,"category":196,"coverImage":197,"description":2969,"draft":199,"extension":200,"locale":201,"meta":2970,"navigation":203,"noindex":199,"path":2971,"publishedAt":205,"seo":2972,"slug":2973,"stem":2974,"tags":2975,"updatedAt":205,"__hash__":2976},"blog\u002Fblog\u002Fvideo-convert-intro.md","動画形式を変換する — \u002Ftools\u002Fvideo-convert の思想と使い方",{"type":8,"value":2817,"toc":2961},[2818,2821,2827,2829,2836,2839,2841,2860,2863,2883,2885,2888,2909,2912,2914,2920,2926,2935,2941,2943],[11,2819,2820],{},"iPhone で撮った MOV を Windows に送りたい、古いビデオカメラの AVI を YouTube に上げたい、ブラウザで再生できる形式に揃えたい。動画の形式変換は、互換性問題を解決する定番作業です。",[11,2822,2823,2826],{},[17,2824,2825],{"href":396},"Zerosend の動画形式変換ツール"," は、この変換をブラウザ内で完結させます。",[23,2828,232],{"id":232},[11,2830,2831,2832,2835],{},"動画ファイルは、それがどのような内容であっても",[30,2833,2834],{},"撮影者・被写体・撮影場所","という 3 種の個人情報を常に含みます。結婚式の映像、社内イベントの録画、研修動画、顧客インタビュー。これらを無料のオンライン変換サービスに預けることは、これらの映像を第三者のサーバーに一時的に置くことと同じです。",[11,2837,2838],{},"Zerosend では変換処理がローカルで完結するため、この構造的リスクを回避できます。",[23,2840,39],{"id":39},[41,2842,2843,2849,2852,2855,2857],{},[44,2844,2845,51],{},[17,2846,2847],{"href":396},[49,2848,396],{},[44,2850,2851],{},"動画ファイルをドラッグ&ドロップ",[44,2853,2854],{},"出力形式 (MP4 \u002F WebM) を選ぶ",[44,2856,60],{},[44,2858,2859],{},"ダウンロード",[23,2861,2862],{"id":2862},"形式の使い分け",[68,2864,2865,2871,2877],{},[44,2866,2867,2870],{},[30,2868,2869],{},"MP4 (H.264 + AAC)",": 汎用。ブラウザ・デバイス・SNS すべてで最も広く対応",[44,2872,2873,2876],{},[30,2874,2875],{},"WebM (VP9 + Opus)",": ブラウザネイティブ。ウェブサイト掲載で効率が良い",[44,2878,2879,2882],{},[30,2880,2881],{},"互換性優先なら MP4",": 現状、疑問があれば MP4 を選ぶのが安全",[23,2884,103],{"id":103},[11,2886,2887],{},"ffmpeg.wasm の再エンコードを利用しています。",[68,2889,2890,2893,2903,2906],{},[44,2891,2892],{},"入力動画を ffmpeg FS に書き込み",[44,2894,2895,2898,2899,2902],{},[49,2896,2897],{},"-c:v libx264 -c:a aac"," (MP4) または ",[49,2900,2901],{},"-c:v libvpx-vp9 -c:a libopus"," (WebM) で再エンコード",[44,2904,2905],{},"出力を Blob としてメモリに展開",[44,2907,2908],{},"ダウンロード用 URL を生成",[11,2910,2911],{},"再エンコードのため処理時間は入力の長さに比例します。30 秒の動画で数秒〜数十秒が目安です。",[23,2913,143],{"id":143},[11,2915,2916,2919],{},[30,2917,2918],{},"Q. 変換すると画質は落ちますか？","\nA. 再エンコードするため、理論上は多少劣化します。ただし実用レベルでは視覚的にほぼわからない範囲です。",[11,2921,2922,2925],{},[30,2923,2924],{},"Q. コーデック指定や高度なオプションを変えたい","\nA. 本ツールは一般用途向けのプリセットで固定しています。細かい制御が必要なら、別のプロフェッショナル向けツールを検討してください。",[11,2927,2928,2931,2932,2934],{},[30,2929,2930],{},"Q. 音声のみ抽出したい","\nA. ",[17,2933,505],{"href":227}," をお使いください。",[11,2936,2937,2940],{},[30,2938,2939],{},"Q. 対応していない入力形式","\nA. ffmpeg がサポートする範囲ですが、特殊コーデック (Pro Res \u002F DNxHD など) は未対応の場合があります。",[23,2942,164],{"id":164},[68,2944,2945,2951,2956],{},[44,2946,2947,2950],{},[17,2948,2949],{"href":2584},"動画圧縮"," — 変換と同時にサイズも削減したいとき",[44,2952,2953,2955],{},[17,2954,404],{"href":403}," — 変換前に必要な区間だけ切り出す",[44,2957,2958,2960],{},[17,2959,505],{"href":227}," — 動画から音声だけ抽出して変換",{"title":187,"searchDepth":188,"depth":188,"links":2962},[2963,2964,2965,2966,2967,2968],{"id":232,"depth":188,"text":232},{"id":39,"depth":188,"text":39},{"id":2862,"depth":188,"text":2862},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の動画形式変換ツールは、MOV \u002F WebM \u002F MKV \u002F AVI などの動画をサーバーに送らずブラウザ内で MP4 など互換性の高い形式に変換します。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-convert-intro",{"title":2815,"description":2969},"video-convert-intro","blog\u002Fvideo-convert-intro",[2811,211,212],"i_qF2RQ1ekN3VuWdXHCBHMT8WsRj_g6jblGEPzBfnMo",{"id":2978,"title":2979,"author":6,"body":2980,"category":196,"coverImage":197,"description":3144,"draft":199,"extension":200,"locale":201,"meta":3145,"navigation":203,"noindex":199,"path":3146,"publishedAt":205,"seo":3147,"slug":3148,"stem":3149,"tags":3150,"updatedAt":205,"__hash__":3152},"blog\u002Fblog\u002Fvideo-to-gif-intro.md","動画を GIF に変換する — \u002Ftools\u002Fvideo-to-gif の思想と使い方",{"type":8,"value":2981,"toc":3136},[2982,2985,2990,2994,3000,3003,3005,3027,3030,3033,3059,3061,3072,3091,3094,3096,3105,3111,3117,3119],[11,2983,2984],{},"画面操作の説明を Slack で共有したい、バグの再現手順を issue に貼りたい、X のタイムラインで動く画像にしたい。動画が重くて共有しづらい場面で GIF は今でも現役です。",[11,2986,2987,2826],{},[17,2988,2989],{"href":2776},"Zerosend の 動画 → GIF 変換ツール",[23,2991,2993],{"id":2992},"なぜブラウザ内で-gif-変換するのか","なぜブラウザ内で GIF 変換するのか",[11,2995,2996,2997,897],{},"画面録画の中身は、UI スクリーンショット以上に情報を含みます。操作中に映る URL・ユーザー名・通知内容・顧客の名前。これらを含む動画を GIF 変換サービスにアップロードすると、",[30,2998,2999],{},"動画の全フレームが相手のサーバーに渡ります",[11,3001,3002],{},"Zerosend では変換処理をローカルで行うため、そのリスクがありません。DevTools で通信が発生していないことを確認してから使ってください。",[23,3004,39],{"id":39},[41,3006,3007,3013,3016,3019,3022,3025],{},[44,3008,3009,51],{},[17,3010,3011],{"href":2776},[49,3012,2776],{},[44,3014,3015],{},"動画ファイルをドラッグ&ドロップ (MP4 \u002F WebM \u002F MOV)",[44,3017,3018],{},"切り出し区間 (開始時刻・終了時刻) を指定",[44,3020,3021],{},"フレームレート (5 \u002F 10 \u002F 15fps) と幅を選択",[44,3023,3024],{},"「GIF 化を開始する」をクリック",[44,3026,2859],{},[23,3028,3029],{"id":3029},"サイズを抑えるコツ",[11,3031,3032],{},"GIF は形式として大きくなりがちです。以下の指針で調整してください。",[68,3034,3035,3041,3047,3053],{},[44,3036,3037,3040],{},[30,3038,3039],{},"区間は短く",": 3〜6 秒が実用上の上限",[44,3042,3043,3046],{},[30,3044,3045],{},"幅は 480px 以下",": Slack・Twitter で使うなら 480px 前後で十分",[44,3048,3049,3052],{},[30,3050,3051],{},"フレームレートは 10fps",": 15fps 以上は体感差が小さくサイズだけ増える",[44,3054,3055,3058],{},[30,3056,3057],{},"色数は制限",": ツール側で最適化しているが、単調な色味の動画ほどうまくハマる",[23,3060,103],{"id":103},[11,3062,3063,3064,3067,3068,3071],{},"ffmpeg.wasm で動画を復号し、",[49,3065,3066],{},"palettegen"," と ",[49,3069,3070],{},"paletteuse"," フィルタを使って GIF の 256 色パレットに最適化して書き出しています。",[68,3073,3074,3076,3082,3088],{},[44,3075,2892],{},[44,3077,3078,3081],{},[49,3079,3080],{},"-vf \"fps=10,scale=480:-1:flags=lanczos,palettegen\""," で最適パレット生成",[44,3083,3084,3087],{},[49,3085,3086],{},"-vf \"fps=10,scale=480:-1:flags=lanczos,paletteuse\""," で GIF エンコード",[44,3089,3090],{},"Blob としてメモリに展開",[11,3092,3093],{},"2 パス処理をブラウザ内で完結させているため、サーバー送信は一切発生しません。",[23,3095,143],{"id":143},[11,3097,3098,3101,3102,3104],{},[30,3099,3100],{},"Q. 長い動画を GIF にするとサイズがとても大きくなる","\nA. GIF は非可逆ですが圧縮効率は動画形式より大幅に劣ります。30 秒以上の場合は ",[17,3103,2949],{"href":2584}," で軽量 MP4 のままにするのがお勧めです。",[11,3106,3107,3110],{},[30,3108,3109],{},"Q. 音声は入りますか？","\nA. GIF 仕様上、音声は含められません。音声付きで共有したいなら動画のままが適切です。",[11,3112,3113,3116],{},[30,3114,3115],{},"Q. 透過 GIF は作れますか？","\nA. 1 ビット透過なら可能ですが、動画ソースからの抽出は実用的でないため、本ツールでは非対応です。",[23,3118,164],{"id":164},[68,3120,3121,3126,3131],{},[44,3122,3123,3125],{},[17,3124,404],{"href":403}," — GIF 化前に必要な区間だけ切り出す",[44,3127,3128,3130],{},[17,3129,2949],{"href":2584}," — GIF の代わりに軽量 MP4 にする選択肢",[44,3132,3133,3135],{},[17,3134,397],{"href":396}," — 他形式への変換",{"title":187,"searchDepth":188,"depth":188,"links":3137},[3138,3139,3140,3141,3142,3143],{"id":2992,"depth":188,"text":2993},{"id":39,"depth":188,"text":39},{"id":3029,"depth":188,"text":3029},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の 動画 → GIF 変換ツールは、動画をサーバーに送らずブラウザ内で GIF アニメに変換します。SNS・ドキュメント・Slack 用の短尺アニメ作成に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-to-gif-intro",{"title":2979,"description":3144},"video-to-gif-intro","blog\u002Fvideo-to-gif-intro",[2811,3151,212],"GIF","YqVtzywNXMoliy5XfKyh8G6oMk94tuk4-sQL7-9g0uE",{"id":3154,"title":3155,"author":6,"body":3156,"category":196,"coverImage":197,"description":3286,"draft":199,"extension":200,"locale":201,"meta":3287,"navigation":203,"noindex":199,"path":3288,"publishedAt":205,"seo":3289,"slug":3290,"stem":3291,"tags":3292,"updatedAt":205,"__hash__":3293},"blog\u002Fblog\u002Fvideo-trim-intro.md","動画をトリミング (切り出し) する — \u002Ftools\u002Fvideo-trim の思想と使い方",{"type":8,"value":3157,"toc":3279},[3158,3161,3166,3168,3175,3178,3180,3199,3201,3209,3225,3228,3230,3238,3243,3249,3260,3262],[11,3159,3160],{},"60 分の会議録画から「重要な 3 分」だけ共有したい、旅行動画の最初の手ブレ部分をカットしたい、画面録画の誤操作部分を除きたい。動画のトリミングは、共有前の定番作業です。",[11,3162,3163,229],{},[17,3164,3165],{"href":403},"Zerosend の動画トリミングツール",[23,3167,441],{"id":441},[11,3169,3170,3171,3174],{},"トリミングしたい動画ほど「切り取りたい箇所」より「切り捨てたい箇所」が大きいものです。60 分の会議録画から 3 分を抽出する場合、",[30,3172,3173],{},"残りの 57 分分の機密発言もいったん相手サーバーにアップロードする","ことになります。",[11,3176,3177],{},"これはプライバシー観点で非合理的です。Zerosend はトリミング処理をローカルで行うため、アップロードそのものが発生しません。入力動画が数 GB あっても、ネットワークには何も流れません。",[23,3179,39],{"id":39},[41,3181,3182,3188,3191,3194,3196],{},[44,3183,3184,51],{},[17,3185,3186],{"href":403},[49,3187,403],{},[44,3189,3190],{},"動画をドラッグ&ドロップ",[44,3192,3193],{},"開始時刻・終了時刻を指定 (スライダーまたは秒数入力)",[44,3195,470],{},[44,3197,3198],{},"切り出された動画をダウンロード",[23,3200,103],{"id":103},[11,3202,478,3203,3205,3206,3208],{},[49,3204,481],{}," (開始) \u002F ",[49,3207,485],{}," (終了) オプションを使って指定区間を切り出します。",[68,3210,3211,3213,3219],{},[44,3212,2892],{},[44,3214,3215,3218],{},[49,3216,3217],{},"-ss \u003Cstart> -i input.mp4 -to \u003Cend> -c copy output.mp4"," で再エンコードなしに切り出し",[44,3220,3221,3224],{},[49,3222,3223],{},"-c copy"," によりロスレス抽出 (処理も高速)",[11,3226,3227],{},"再エンコードしないため、画質劣化なし・処理時間も入力サイズの数%程度で完了します。",[23,3229,143],{"id":143},[11,3231,3232,2931,3235,3237],{},[30,3233,3234],{},"Q. フレーム単位の精度は？",[49,3236,3223],{}," でキーフレーム境界に揃える仕様のため、GOP サイズに依存します。秒単位以上の精度が必要なら問題なく使えますが、フレーム単位の精度が必要な場合は本ツール内で再エンコードオプションを有効化できます (処理時間が増加)。",[11,3239,3240,3242],{},[30,3241,542],{},"\nA. 現状は 1 区間のみです。複数区間を扱う場合は 1 区間ずつ抽出後、別途結合ツールを使ってください。",[11,3244,3245,3248],{},[30,3246,3247],{},"Q. 音声も一緒に切り出される？","\nA. はい。映像と音声は同じ区間でセット抽出されます。",[11,3250,3251,2931,3254,3256,3257,3259],{},[30,3252,3253],{},"Q. 音声だけ切り出したい場合は？",[17,3255,390],{"href":389}," を使うか、本ツールで切り出した動画から音声だけを ",[17,3258,505],{"href":227}," で抽出してください。",[23,3261,164],{"id":164},[68,3263,3264,3269,3274],{},[44,3265,3266,3268],{},[17,3267,2949],{"href":2584}," — トリミング後にサイズ削減",[44,3270,3271,3273],{},[17,3272,2777],{"href":2776}," — 短い区間を GIF アニメに",[44,3275,3276,3278],{},[17,3277,397],{"href":396}," — 形式違いへの変換",{"title":187,"searchDepth":188,"depth":188,"links":3280},[3281,3282,3283,3284,3285],{"id":441,"depth":188,"text":441},{"id":39,"depth":188,"text":39},{"id":103,"depth":188,"text":103},{"id":143,"depth":188,"text":143},{"id":164,"depth":188,"text":164},"Zerosend の動画トリミングツールは、動画をサーバーに送らずブラウザ内で任意の区間だけ切り出します。不要な前後や長い会議録画から特定区間のみを共有したいときに。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-trim-intro",{"title":3155,"description":3286},"video-trim-intro","blog\u002Fvideo-trim-intro",[2811,602,212],"8zr5o8WM7ESnodQXy1hA-lSiHMRDYhYhAQP2mSkA4vQ",{"id":3295,"title":3296,"author":6,"body":3297,"category":197,"coverImage":197,"description":3430,"draft":199,"extension":200,"locale":201,"meta":3431,"navigation":203,"noindex":199,"path":3432,"publishedAt":3433,"seo":3434,"slug":3435,"stem":3436,"tags":3437,"updatedAt":3433,"__hash__":3439},"blog\u002Fblog\u002Ffavicon-generator-intro.md","ブラウザだけで作るファビコン一式 — \u002Ftools\u002Ffavicon-generator の舞台裏",{"type":8,"value":3298,"toc":3423},[3299,3302,3305,3312,3315,3318,3367,3371,3378,3381,3401,3408,3411,3414,3417],[23,3300,3301],{"id":3301},"背景",[11,3303,3304],{},"サイトのファビコンを更新する作業は、新規サイトでも既存サイトのリブランディングでも発生します。ロゴ画像 1 枚から必要なアイコンセットを揃えるのは地味に手間のかかる工程です。",[11,3306,3307,3311],{},[17,3308,3310],{"href":3309},"\u002Ftools\u002Ffavicon-generator","Zerosend のファビコン生成ツール"," は、この工程をブラウザ内で完結させます。ロゴ画像を外部に送らずに一式を作成できるので、NDA 下の受託案件や未公開のブランディング作業でも安心して使えます。",[23,3313,3314],{"id":3314},"何が出力されるか",[11,3316,3317],{},"1 枚の画像 (PNG \u002F JPG \u002F WebP \u002F SVG) から次の 9 ファイルを生成し、ZIP で配布します。",[68,3319,3320,3326,3337,3343,3352,3357],{},[44,3321,3322,3325],{},[49,3323,3324],{},"favicon.ico"," — 16 \u002F 32 \u002F 48px のマルチサイズ ICO",[44,3327,3328,482,3331,482,3334],{},[49,3329,3330],{},"favicon-16.png",[49,3332,3333],{},"favicon-32.png",[49,3335,3336],{},"favicon-48.png",[44,3338,3339,3342],{},[49,3340,3341],{},"apple-touch-icon.png"," (180×180)",[44,3344,3345,482,3348,3351],{},[49,3346,3347],{},"icon-192.png",[49,3349,3350],{},"icon-512.png"," (PWA)",[44,3353,3354],{},[49,3355,3356],{},"site.webmanifest",[44,3358,3359,3362,3363,3366],{},[49,3360,3361],{},"snippet.html"," — ",[49,3364,3365],{},"\u003Chead>"," に貼り付ける link タグ",[23,3368,3370],{"id":3369},"ico-を自前で書き出す","ICO を自前で書き出す",[11,3372,3373,3374,3377],{},"PNG は Canvas API で簡単に書き出せますが、ICO は少し工夫が必要です。とはいえ、Windows Vista 以降の ICO は ",[30,3375,3376],{},"PNG バイト列をそのまま埋め込める"," ため、意外と単純です。",[11,3379,3380],{},"構造:",[68,3382,3383,3389,3395],{},[44,3384,3385,3388],{},[30,3386,3387],{},"ICONDIR"," (6 バイト): reserved \u002F type \u002F image count",[44,3390,3391,3394],{},[30,3392,3393],{},"ICONDIRENTRY"," (16 バイト × 画像数): 幅 \u002F 高さ \u002F bpp \u002F サイズ \u002F オフセット",[44,3396,3397,3400],{},[30,3398,3399],{},"画像データ",": PNG のバイト列を順に連結",[11,3402,3403,3404,3407],{},"実装は依存ゼロで 30 行程度に収まります。",[49,3405,3406],{},"domain\u002Fprocessors\u002FfaviconGenerator.ts"," で実装を公開しています。",[23,3409,3410],{"id":3410},"検証の楽しさ",[11,3412,3413],{},"作ったあとは DevTools の Network タブで確認できます。画像選択 → 生成 → ダウンロードの全てで、あなたのロゴが外に出ないことを自分で検証できます。",[23,3415,3416],{"id":3416},"まとめ",[11,3418,3419,3420,897],{},"1 枚の画像から ICO \u002F PNG \u002F apple-touch-icon \u002F manifest \u002F HTML スニペットを、あなたの端末だけで生成できます。",[17,3421,3422],{"href":3309},"試してみてください",{"title":187,"searchDepth":188,"depth":188,"links":3424},[3425,3426,3427,3428,3429],{"id":3301,"depth":188,"text":3301},{"id":3314,"depth":188,"text":3314},{"id":3369,"depth":188,"text":3370},{"id":3410,"depth":188,"text":3410},{"id":3416,"depth":188,"text":3416},"1 枚の画像から ICO \u002F PNG \u002F apple-touch-icon \u002F site.webmanifest を生成するファビコン生成ツールを公開しました。ICO フォーマットを自前で書き出す実装のポイントを紹介します。",{},"\u002Fblog\u002Ffavicon-generator-intro","2026-04-19",{"title":3296,"description":3430},"favicon-generator-intro","blog\u002Ffavicon-generator-intro",[212,3438],"技術解説","j9H-wD4jISIIEFGU6QcADLgjb5CJ4w4V8exyY2whrb0",{"id":3441,"title":3442,"author":6,"body":3443,"category":197,"coverImage":197,"description":3512,"draft":199,"extension":200,"locale":201,"meta":3513,"navigation":203,"noindex":199,"path":3514,"publishedAt":3433,"seo":3515,"slug":3516,"stem":3517,"tags":3518,"updatedAt":3433,"__hash__":3520},"blog\u002Fblog\u002Fwelcome.md","Zerosend ブログを始めます",{"type":8,"value":3444,"toc":3506},[3445,3448,3451,3454,3457,3477,3480,3496,3498],[23,3446,3447],{"id":3447},"はじめに",[11,3449,3450],{},"Zerosend の公式ブログを開始します。このブログでは、プライバシーファーストな Web ツールを作る中で得た知見、ブラウザ内処理の技術、そしてデータを「送らない」という選択についての考察を記録していきます。",[23,3452,3453],{"id":3453},"扱うテーマ",[11,3455,3456],{},"主に次のテーマを扱います。",[68,3458,3459,3465,3471],{},[44,3460,3461,3464],{},[30,3462,3463],{},"ブラウザ内処理の技術",": WebAssembly、Web Worker、Canvas API、File System Access API の実用例",[44,3466,3467,3470],{},[30,3468,3469],{},"プライバシー設計",": CSP、アップロード不要のアーキテクチャ、Network タブで検証できる実装",[44,3472,3473,3476],{},[30,3474,3475],{},"各ツールの舞台裏",": 画像圧縮 \u002F PDF 編集 \u002F 動画変換 \u002F ファビコン生成などの内部実装",[23,3478,3479],{"id":3479},"更新頻度",[11,3481,3482,3483,3486,3487,482,3491,3495],{},"不定期ですが、ツールの追加・改善に合わせて更新します。記事の一覧は ",[17,3484,3485],{"href":3485},"\u002Fblog"," から、または ",[17,3488,3490],{"href":3489},"\u002Fblog\u002Ffeed.xml","RSS",[17,3492,3494],{"href":3493},"\u002Fblog\u002Ffeed.json","JSON Feed"," で購読できます。",[23,3497,3416],{"id":3416},[11,3499,3500,3501,3505],{},"まずはこの 1 本から。引き続き ",[17,3502,3504],{"href":3503},"\u002F","Zerosend"," のツール群もよろしくお願いします。",{"title":187,"searchDepth":188,"depth":188,"links":3507},[3508,3509,3510,3511],{"id":3447,"depth":188,"text":3447},{"id":3453,"depth":188,"text":3453},{"id":3479,"depth":188,"text":3479},{"id":3416,"depth":188,"text":3416},"ブラウザ内で完結するプライバシーファーストなオンラインツールを配信する Zerosend の公式ブログを開始します。扱うテーマと更新頻度について説明します。",{},"\u002Fblog\u002Fwelcome",{"title":3442,"description":3512},"welcome","blog\u002Fwelcome",[3519],"お知らせ","FVc0WPWmjeXo6BrnFdlDampwoyA6OVHbMm-JUXveuFc",{"id":3522,"title":3523,"author":6,"body":3524,"category":197,"coverImage":197,"description":3646,"draft":199,"extension":200,"locale":201,"meta":3647,"navigation":203,"noindex":199,"path":3648,"publishedAt":3433,"seo":3649,"slug":3650,"stem":3651,"tags":3652,"updatedAt":3433,"__hash__":3655},"blog\u002Fblog\u002Fwhy-browser-only.md","なぜ Zerosend はブラウザ内処理にこだわるのか",{"type":8,"value":3525,"toc":3639},[3526,3530,3533,3540,3543,3546,3573,3576,3579,3582,3593,3600,3603,3606,3626,3629,3631],[23,3527,3529],{"id":3528},"なぜ送らないのか","なぜ「送らない」のか",[11,3531,3532],{},"オンラインツールの多くはファイルをサーバーに送信して処理します。利便性は高いものの、ユーザーは自分のファイルがサーバー上でどう扱われるかを自分の目で確認できません。",[11,3534,3535,3536,3539],{},"Zerosend の設計原則はシンプルです。",[30,3537,3538],{},"「送らないのが一番確実」","。ファイルを外に出さなければ、ログも、漏洩も、第三者共有も原理的に存在しません。",[23,3541,3542],{"id":3542},"ブラウザ内処理で何ができるか",[11,3544,3545],{},"現代のブラウザは、かつてネイティブアプリが担っていた処理の多くを実行できます。",[68,3547,3548,3551,3554,3561],{},[44,3549,3550],{},"Canvas API による画像圧縮・リサイズ・形式変換",[44,3552,3553],{},"WebAssembly + ffmpeg による動画・音声の変換",[44,3555,3556,482,3558,3560],{},[49,3557,1456],{},[49,3559,1629],{}," による PDF の結合・分割・ラスタライズ",[44,3562,3563,482,3566,482,3569,3572],{},[49,3564,3565],{},"File System Access API",[49,3567,3568],{},"Blob",[49,3570,3571],{},"URL.createObjectURL"," を介したダウンロード",[11,3574,3575],{},"これらは全てクライアントサイドで完結します。",[23,3577,3578],{"id":3578},"ユーザーが検証できる透明性",[11,3580,3581],{},"「送っていません」という主張は、ユーザーが自分で確認できなければ信用するしかありません。Zerosend はこれを自動検証できる形にしています。",[41,3583,3584,3587,3590],{},[44,3585,3586],{},"ブラウザで DevTools を開く",[44,3588,3589],{},"Network タブを開いたままツールを使う",[44,3591,3592],{},"処理中にアップロードらしきリクエストが出ないことを確認する",[11,3594,3595,3596,3599],{},"CDN や解析スクリプトへの最小限の通信は残りますが、",[30,3597,3598],{},"処理対象のファイル自体が HTTP リクエストのボディに乗らない","ことは目視で確認できます。",[23,3601,3602],{"id":3602},"制約もある",[11,3604,3605],{},"ブラウザ内処理は万能ではありません。",[68,3607,3608,3614,3620],{},[44,3609,3610,3613],{},[30,3611,3612],{},"ファイルサイズの上限",": メモリに載る範囲で処理する必要がある",[44,3615,3616,3619],{},[30,3617,3618],{},"初回ロードが重い",": ffmpeg.wasm は約 30MB の WASM を取得する",[44,3621,3622,3625],{},[30,3623,3624],{},"複雑な処理はサーバーが速い",": 大規模な機械学習推論はまだブラウザには重い",[11,3627,3628],{},"Zerosend は「日常的な軽作業をブラウザで完結させる」範囲に絞ることで、この制約の中で価値を出せるようにしています。",[23,3630,3416],{"id":3416},[11,3632,3633,3634,3638],{},"「送らない」は、透明性と検証可能性をユーザーに返す設計です。詳しい技術背景は ",[17,3635,3637],{"href":3636},"\u002Fguide\u002Fprivacy-online-tools","ピラー記事"," も参照してください。",{"title":187,"searchDepth":188,"depth":188,"links":3640},[3641,3642,3643,3644,3645],{"id":3528,"depth":188,"text":3529},{"id":3542,"depth":188,"text":3542},{"id":3578,"depth":188,"text":3578},{"id":3602,"depth":188,"text":3602},{"id":3416,"depth":188,"text":3416},"ファイルをサーバーにアップロードしない設計を選んだ理由と、ブラウザ内処理の利点・制約を整理します。DevTools の Network タブで自ら検証できる透明性について書きました。",{},"\u002Fblog\u002Fwhy-browser-only",{"title":3523,"description":3646},"why-browser-only","blog\u002Fwhy-browser-only",[3653,3654],"プライバシー","設計","lqogv5W41hd3KXZhnuHda2B25OSBrkZ2aRBaPDbdFhQ",1776723679490]