画像ドロップシャドウ追加ツール | pngshadow

ブラウザ上で画像に美しいドロップシャドウや角丸・枠線を簡単に追加できる無料ツール。Apple風、ネオブルータリズム風などのプリセット搭載。透過PNG・超軽量WebP対応、クリップボードへの直接コピー機能付き。サーバー送信なしで安全に処理されます。

プレビュー

画像をドラッグ&ドロップ

または クリップボードからペースト (Ctrl+V)

処理はすべてブラウザ上で行われ、サーバーには送信されません。

詳細設定
画像自体の設定
px
※巨大なスクショをブログ用に縮小する時などに便利です。縦幅は自動計算されます。
0px
0px
影の設定
30%
0px
10px
20px
40px
※先に画像を読み込んでください

画像ドロップシャドウ追加ツール「pngshadow」とは?

「pngshadow」は、ブラウザ上で簡単に画像やスクリーンショットへ美しいドロップシャドウ(影)、角丸(Border Radius)、枠線(Stroke)を追加できる無料の画像加工ツールです。アプリのUI紹介や、ブログのアイキャッチ画像、プレゼン資料をプロのデザイナーが作成したような高品質な仕上がりにワンクリックで変換できます。

プロ級のモダンなプリセット

Apple製品の紹介サイトのような「スムーズ」な影や、最近のトレンドであるネオブルータリズム風の「ハード」な影、リアルな「シャープ」、高級感を演出する「エレガント」など、実用的なプリセットを多数ご用意しています。

リサイズとWebPで軽量化

巨大なスクリーンショットも、指定の横幅(例: 800px)へ自動縮小してから影を付与可能。さらに次世代画像フォーマット「WebP」でのダウンロードに対応しているため、透過を維持しつつファイルサイズを圧倒的に軽くでき、ブログの表示速度アップに貢献します。

サーバー送信なしで完全安全

画像の読み込みから加工、保存まですべての処理がお使いのPCやスマホのブラウザ内(ローカル環境)で完結します。会社の機密情報が含まれる資料や、個人情報が写ったスクリーンショットも安心してアップロード・加工していただけます。

便利な活用シーン・使い方

  • 1. 資料作成・プレゼン
    画面キャプチャをそのまま貼るより、角丸と影をつけることで、スライド全体が洗練されたプロっぽい仕上がりになります。
  • 2. Web制作・モックアップ
    Webサービスやアプリ画面のスクリーンショットを、LP(ランディングページ)用の美しい画像素材へ瞬時に変換できます。
  • 3. 超高速なコピペ作業
    Ctrl+V で画像をペーストし、影をつけて「コピー」ボタンを押すだけ。ファイルを保存せずに直接PhotoshopやFigma、Word、SNSに貼り付け可能です。

よくある質問 (FAQ)

はい、完全に安全です。本ツールはHTML5 Canvas技術を使用しており、すべての処理がお使いのブラウザ内のみで完結します。画像データが外部サーバーに送信されたり、保存されることは一切ありません。

読み込みは PNG, JPEG, WEBP など一般的な画像フォーマットやクリップボードからのペーストに対応しています。
書き出しは、高画質な PNG または、ファイルサイズを劇的に軽くできる次世代フォーマット WebP の2種類から用途に合わせて選べます。

画像に対して影が広がりすぎているため、キャンバスサイズ(背景)を広げる必要があります。
右側の「自動最適化」ボタンをクリックすると、現在の影の設定に合わせて、はみ出さない最小の余白(Padding)を自動計算して適用します。

設定パネルの「画像自体の設定」にある「リサイズ(横幅)」を有効にしてください。
例えば「800px」と設定すれば、元の画像がどれだけ大きくても横幅800pxに縮小され、縦幅は自動計算でアスペクト比を維持したまま影をつけることができます。