レスポンシブな埋め込みコードの作成
YouTube や Google マップなどの iframe を、画面幅に合わせて縦横比を保つ埋め込みコードに変換します。
- 登録不要・無料
- ブラウザ内で処理
- データ送信なし
埋め込みコード
-
関連ツール
単位換算 アスペクト比の計算 幅と高さから縦横比（16:9 など）を求め、比率を保ったまま拡大・縮小したときのサイズを計算します。画像や動画のサイズ調整に。 Web制作・SNS YouTube の再生位置を指定した URL YouTube の動画 URL と時間（1:23 など）から、その位置から再生が始まる共有用 URL を作ります。 Web制作・SNS box-shadow の作成 影のずれ・ぼかし・広がり・色・透明度を指定して、CSS の box-shadow を作成します。ふんわりした影のプリセット付き。 Web制作・SNS CSS clamp() の計算（レスポンシブな文字サイズ） 画面幅に応じて文字サイズなどを滑らかに変える CSS の clamp() を、最小・最大のサイズと画面幅から計算します。