Toolzy

Generator Srcset

Bangun tag img responsif dengan srcset dan sizes.

Keluaran

Masukkan URL gambar dasar dan lebar target untuk menghasilkan tag <img> responsif dengan atribut srcset dan sizes.

Cara pakai

  1. Masukkan URL gambar dasar.
  2. Daftarkan lebar yang Anda inginkan, dipisahkan dengan koma.
  3. Salin tag img responsif yang dihasilkan.

Pertanyaan umum

Bagaimana URL srcset diberi nama?
Setiap lebar menambahkan sufiks -<lebar>w sebelum ekstensi berkas, mis. photo-640w.jpg.
Untuk apa atribut sizes?
Atribut ini memberi tahu peramban berapa banyak ruang yang ditempati gambar sehingga dapat memilih sumber yang tepat.

Alat terkait