Picovert

Picovert ブログ

画像フォーマットの解説、Webパフォーマンスの深掘り、プライバシー優先ツールキットの開発記録。

パスポート写真サイズ — 米国・英国・EU等の要件

パスポート写真サイズガイド:米国2×2インチ(300 DPIで600×600 px)、英国/EU 35×45 mm、カナダ50×70 mm。背景、顔のサイズ、オンライン申請のファイル形式の要件。

2026-04-275分で読了

画像SEO最適化方法:2026年完全チェックリスト

完全な画像SEOガイド:ファイル名、alt属性、圧縮、フォーマット(WebP/AVIF)、遅延読み込み、構造化データ、高速な画像がCore Web Vitalsスコアとグーグル順位を改善する方法。

2026-04-276分で読了

Reddit用画像圧縮方法:サイズ制限と最適フォーマット

Redditの20 MB制限内に画像を圧縮しましょう。Reddit投稿、サムネイル、コミュニティバナーに最適な寸法、フォーマット、圧縮設定を学べます。

2026-04-265分で読了

オンライン画像変換ツールは安全か? アップロード後に写真に何が起きているか

多くの「無料」オンライン画像変換ツールはファイルをサーバーへアップロードし、数時間から数日保存し、モデル学習に使うこともあります。安全なツールの見分け方と、ブラウザ完結型変換の実際の仕組み。

2026-04-247分で読了

WebPファイルを開く方法 — WebP画像の表示、変換、編集

.webpファイルが開けない?Windows、Mac、古いアプリでWebP画像を表示する方法、または無料ブラウザツールでWebPをJPG/PNGに変換する方法を学びましょう。

2026-04-244分で読了

モバイル向け画像最適化:スマートフォンでサイトを高速化

モバイル向けに画像を最適化してページ速度とCore Web Vitalsを改善します。WebP形式、100KB以下に圧縮、最大幅800px、遅延読み込みで高速なモバイル体験を実現しましょう。

2026-04-246分で読了

Next.js next/image の自動 WebP 変換 vs 事前 WebP 変換:どちらが速い?

next/image はリクエスト時に画像を WebP に変換します。ビルド時に事前変換することでそのオーバーヘッドをなくせます。実際のベンチマーク数値と共に詳細に比較します。

2026-04-238分で読了

Next.js App Router SEO:完全最適化ガイド

Metadata API・generateMetadata()・JSON-LD・hreflang・Open Graph・サイトマップ・robots.txt — Next.js 13+ App Router で使えるすべての SEO レバーをコード例つきで解説。

2026-04-238分で読了

LinkedIn投稿画像サイズ2026:寸法とフォーマットガイド

2026年のLinkedIn投稿の正しい画像サイズを確認しましょう。単一画像投稿、カルーセル、リンクプレビュー、記事ヘッダーの正確なピクセルサイズとフォーマットのヒントを網羅。

2026-04-235分で読了

next/image vs img タグ:Next.js ではどちらをいつ使うか

next/image は自動 WebP 変換・レスポンシブ srcset・遅延読み込み・CLS 防止を追加します。プレーンな img タグが正解な場合もあります。ここに判断フレームワークを示します。

2026-04-227分で読了

GIFをMP4に変えてLighthouseスコアを64から92に上げた記録

マーケサイトのアニメGIFを autoplay-loop-muted MP4 に置き換えた本物のビフォーアフター。LCP、総ペイロード、バッテリー消費まで、すべての指標が改善しました。

2026-04-218分で読了

KakaoTalk写真100枚を整理: 540MBを26MBに減らす方法

家族の写真、グループチャットのスクショ、仕事の資料 — KakaoTalk(韓国の主要メッセンジャー)はスマホ容量を食う筆頭です。画質劣化なく95%圧縮する手順を段階別に整理しました。

2026-04-207分で読了