@webtoolgen.bsky.social - WebToolGen管理人

16 May 2026 18:05 +0000

幅4000pxの画像をそのままWordPressに上げないで😇という悲劇を防ぐためにブラウザ上で複数画像のサイズを一括リサイズ＆軽量化できるツールです👇 https://webtoolgen.com/convert/image-resizer/ #Web制作 #フロントエンド

14 May 2026 22:30 +0000

CSSで小さなアイコンを直接埋め込みたい時👀画像をブラウザに放り込むだけでBase64形式のコード（data:image/...）に変換できるツールです。デコード（復元）にも対応👇 https://webtoolgen.com/convert/base64-image/ #Web制作 #フロントエンド

14 May 2026 02:22 +0000

「ロゴやアイコン、SVGで貰ったけどPNGにしなきゃいけない」という時😇イラレやFigmaをわざわざ立ち上げるの面倒ですよね。ブラウザ上でサクッと変換できるツールを作りました👇 https://webtoolgen.com/convert/svg-to-image/ #Web制作 #コーディング

13 May 2026 02:13 +0000

カタログや資料のPDFを、文字の輪郭や画質を保ったままWeb用画像にしたい時👀 ブラウザ上で高画質なPNGに一括変換できるツールです。背景透過のPDFにも対応👇 https://webtoolgen.com/convert/pdf-to-png/ #Web制作 #コーディング

11 May 2026 02:34 +0000

「素材です」とPDFで送られてきた時😇 Web用に1枚ずつ画像として書き出すの地味に面倒ですよね。ブラウザ上でサクッとJPG化できるツールを作りました👇 https://webtoolgen.com/convert/pdf-to-jpg/ #Web制作 #Webディレクション

08 May 2026 02:21 +0000

OGPタグは完璧なのにSNSで古い画像のまま😇デバッガーを通してもクライアントに「まだ古いです」と言われる地獄。公開前の抜け漏れチェックで一発生成しておくのが安全です👇 https://webtoolgen.com/markup/ogp-generator/ #Web制作 #SEO対策

07 May 2026 10:33 +0000

「Retina用に画像は2倍サイズで」は基本ですがそのまま書き出すと容量がとんでもないことに😱特大画像は2倍サイズで書き出しつつ、WebP化や圧縮ツールを通すのをセットにしないとPSIで怒られます😇 #Web制作 #フロントエンド #SEO対策

04 May 2026 07:21 +0000

Ai・PSDデータを開くと「フォントがありません」のアラートが😇 特殊なフォントはWebで再現できないことも多いので、テキスト情報として不要な装飾文字は、事前に「アウトライン化」してもらえるとコーダーは泣いて喜びます🤝 #Web制作 #Webデザイン #コーディング

04 May 2026 05:48 +0000

クライアントから送られてきたファイルが全部 .HEIC だった時の絶望感😇そのまま使えないしPCだと開けないことも…。ブラウザ上で一瞬でJPGに変換できるツールを作りました👇 https://webtoolgen.com/markup/heic-to-jpg/ #Web制作 #Webディレクション

30 Apr 2026 22:35 +0000

「IMG_1234.jpg」や「名称未設定.png」のままサーバーに上げるの嫌ですよね😇 プレフィックス＋連番（例: photo_01.jpg）などで一括リネームできる便利な時短ツール👇 https://webtoolgen.com/convert/image-renamer/ #Web制作 #コーディング

30 Apr 2026 00:56 +0000

重いページのPSIスコア責任がコーダーに来る理不尽😇不可能な改善をなぜ自分が…と悩みますよね。まずは画像をサクッとWebP化してLCP改善を👇 https://webtoolgen.com/markup/webp-converter/ #Web制作 #SEO

27 Apr 2026 16:13 +0000

動画から書き出した音声データがAACだった時😇 クライアントや外部のクリエイターに「とりあえずMP3でちょうだい」と言われたらこちら。ブラウザに放り込むだけでサクッとMP3変換できる時短ツールです👇 https://webtoolgen.com/convert/aac-to-mp3/ #Web制作 #ディレクション #動画編集

27 Apr 2026 04:52 +0000

「この資料の3ページ目と8ページ目だけ使って！」と全ページ入りの重いPDFを渡された時😇 指定したページだけをサクッと抽出して、新しいPDFとして保存できる地味に便利な時短ツールです👇 https://webtoolgen.com/convert/pdf-extract-pages/ #Web制作 #ディレクション

25 Apr 2026 00:45 +0000

今のWeb標準で本当に必要な「.ico (32x32)」と「apple-touch-icon (180x180)」の2サイズだけを迷わず生成＆ダウンロードできるfaviconジェネレーターを作りました👇 https://webtoolgen.com/convert/favicon-generator/ #Web制作 #フロントエンド

24 Apr 2026 00:47 +0000

23 Apr 2026 05:30 +0000

サイトが重い原因、大体スマホで撮った巨大なJPG画像😇 画質を保ちつつ、ファイルサイズだけを限界まで圧縮して軽量化するツールを作りました。PSIのスコア改善に👇 https://webtoolgen.com/convert/jpg-compressor/ #Web制作 #SEO対策

22 Apr 2026 10:17 +0000

本番環境の functions.php をWP管理画面から直接編集する恐怖😱 1文字でもミスすると画面が真っ白になって管理画面にも入れなくなります。修正は必ずFTPやエディタ経由で行うのが鉄則ですね。 #WordPress #Web制作 #PHP

22 Apr 2026 02:02 +0000

「favicon設定しといて」と渡されたのが普通のPNG画像😇.ico 形式が必要な時わざわざ変換ソフトを探すの面倒ですよね。ブラウザ上でサクッと変換できるツールを作りました。 https://webtoolgen.com/markup/png-to-ico/ #Web制作 #Webデザイン

21 Apr 2026 00:22 +0000

デザインデータは #HEX なのにCSSで背景を半透明(rgba)にしなきゃいけない😇という時に使える変換ツールを作りました👇 HEX、RGB、RGBA、CMYKをリアルタイムに相互変換できるツールです。 https://webtoolgen.com/markup/color-converter/ #Web制作 #コーディング

20 Apr 2026 05:35 +0000

サイトのBGMや音声、重い .wav 形式のままサーバーに上げていませんか？😇 ページが激重になるので、Web用に軽量なMP3へ一瞬で圧縮・変換してサクサクにしましょう。ブラウザ上で完結します👇 https://webtoolgen.com/convert/wav-to-mp3/ #Web制作 #フロントエンド

20 Apr 2026 04:40 +0000

「とりあえず仮の画像入れておいて！」と言われた時わざわざグレーの画像を作るの面倒ですよね😇サイズや文字を指定するだけで imgタグのsrcに使えるダミー画像URLを自動生成するツールです👇 https://webtoolgen.com/markup/placeholder-generator/ #Web制作 #コーディング #フロントエンド

17 Apr 2026 03:21 +0000

「資料です」と送られてきた数十ページの巨大PDF😇 そのままサイトに載せると重すぎるし、用途ごとに別々に分けたいですよね。ブラウザ上でサクッとPDFを分割できるツールを作りました👇 https://webtoolgen.com/convert/pdf-split/ #Web制作 #Webディレクション

17 Apr 2026 00:07 +0000

.htaccessの記述ミス、一歩間違えるとサイト全体が500エラーで真っ白に😇ディレクトリ閲覧制限無効化やXSS対策などセキュリティ系ヘッダーを安全な構文で一括生成できるジェネレーターです👇 https://webtoolgen.com/server/htaccess-security/ #Web制作 #インフラ #セキュリティ

16 Apr 2026 13:59 +0000

クライアントから届いた音声データがiPhoneのボイスメモ（.m4a）だった時😇 Webのタグで安全に使うなら汎用的なMP3にしたいですよね。ブラウザ上でサクッと変換できるツールです👇 https://webtoolgen.com/convert/m4a-to-mp3/ #Web制作 #Webディレクション

16 Apr 2026 11:12 +0000

display:noneからblockへの変更はtransitionが効かない罠。JSと絡むと特定に時間がかかってイラッとしますよね😇 opacity:0とvisibility:hiddenが安全な鉄則です🤝 #Web制作 #CSS #コーディング

15 Apr 2026 12:39 +0000

iPhoneから送った画像が .HEIC になっててWebで使えない罠😇背景透過を保ったままブラウザ上でサクッとPNGに変換できるツールを作りました👇 https://webtoolgen.com/markup/heic-to-png/ #Web制作 #コーディング

15 Apr 2026 04:26 +0000

サーバー移転時、「新しいサーバーにちゃんと向いてる？」「DNSの反映（切り替え）は終わったかな？」と不安になること、ありませんか？コマンドを開かずに、ブラウザ上で最新のAレコードやMXレコード、Whois情報をサクッと確認できるツールを作りました🌍👇 https://webtoolgen.com/server/dns-checker/ #Web制作 #サーバー #Webディレクション

15 Apr 2026 02:15 +0000

「画像をサーバーに上げる前にWebP化したい」わざわざソフトを開くのは面倒ですよね。ブラウザ上でJPGやPNGを爆速でWebPに一括変換するツールです。容量無制限の限界突破モードも搭載👇 https://webtoolgen.com/markup/webp-converter/ #Web制作 #Webデザイン #フロントエンド

14 Apr 2026 16:20 +0000

サイト公開前のOGP設定、SNSのキャッシュをクリアする前に抜け漏れがないか最終確認を！Twitterカード（X）やFacebook用の必須メタタグをミスなく一括生成するジェネレーターです👇 https://webtoolgen.com/markup/ogp-generator/ #Web制作 #SEO対策 #Webマーケティング

14 Apr 2026 05:07 +0000

リニューアル後の転送設定、ブラウザのキャッシュに騙されていませんか？シークレットモードを使わなくても、サーバー側の正確な301/302ステータスを可視化・追跡できるツールです👇 https://webtoolgen.com/server/redirect-checker/ #SEO対策 #Web制作 #インフラ