注意
これらのツールは「vibe coding」で開発されています。
予期しない動作や不具合が発生する可能性があります十分ご注意ください。
予期しない動作や不具合が発生する可能性があります十分ご注意ください。
Glass Morphism & ブラー効果ジェネレーター
Glass Morphism効果、プレースホルダー画像、スケルトンスクリーンなど、モダンUIに必要なブラー効果を生成します。
画像選択
ドラッグ&ドロップまたはクリックして画像を選択
PNG、JPEG、WebP形式に対応
使い方ガイド
Glass Morphism効果
- モダンなUIデザインで人気のガラス効果
- カード、モーダル、ナビゲーションに最適
- backdrop-filterでパフォーマンスも優秀
- iOS/macOSのようなUIを実現
Skeleton Screen
- コンテンツ読み込み中の表示に使用
- 実際のコンテンツレイアウトを模倣
- ユーザーの待機体験を向上
- パルスアニメーション付き
プレースホルダー画像
- Base64: 小さな画像をHTMLに直接埋め込み
- BlurHash: 最小サイズ（数十バイト）で表現
- CSS Blur: 動的なブラー効果の適用
推奨設定
- Glass Morphism: ブラー16-24px、透明度20-40%
- Skeleton: ブラー20-30px、画像サイズ10-20%
- プレースホルダー: 画像サイズ5-10%、品質60-80%