Pembuat gambar web responsif

Ekspor gambar yang sama dalam beberapa lebar dan salin srcset HTML yang sesuai.

Di perangkat Anda · Tanpa akun

Pembuat gambar web responsif memproses masukan Anda di browser ini. Masukan dan hasil tidak disertakan dalam analitik. Daftar alat terbaru menyimpan nama alat, jumlah kunjungan, dan waktu kunjungan terakhir. Daftar alat tersimpan hanya menyimpan namanya. Penyimpanan draf bersifat opsional dan tetap berada di perangkat ini; hapus teks tersimpan melalui kontrol draf. Memuat teks dari URL bersifat opsional dan menghubungi server tersebut; server dapat melihat URL itu dan alamat IP Anda. Tindakan opsional “Gunakan di” menyimpan data yang akan diteruskan dalam tab ini. Alat berikutnya menghapus data itu saat dibuka dan mengabaikannya jika sudah lebih dari satu menit.

Salin tautan menyertakan masukan yang Anda pilih untuk dibagikan dalam alamat tautan. Siapa pun yang memiliki tautan itu dapat membuka kembali masukan tersebut. File dan hasil yang dihasilkan tidak disertakan. Alat kata sandi dan kunci hanya membagikan pengaturan.

Pratinjau gambar Anda

Your image preview appears here.
Preparing preview…

Lainnya
Pintasan keyboard

Tentang tautan dan reset

Tautan memuat input dan pengaturan Anda. Siapa pun yang memiliki tautan dapat melihatnya, jadi jangan sertakan teks pribadi. File dan hasil yang dibuat tidak disertakan; pengacakan akan dijalankan ulang.

Reset memuat ulang alat dengan nilai awalnya serta melepaskan file yang terbuka dan kontrol perangkat. Draf tersimpan tetap ada di perangkat ini sampai Anda menghapusnya.

Cara membuat gambar web responsif

Masukkan daftar lebar, lalu pilih setiap lebar untuk diekspor. Tinggi mengikuti proporsi gambar sumber. srcset yang disarankan menggunakan nama file bernomor dan penanda lebar yang sama; ganti deskripsi gambar sebelum dipublikasikan.

Berikutnya: Ambil warna dari gambar

Contoh

Gambar contoh 640 × 360 menjadi 320 × 180 pada lebar pertama bawaan. Varian dengan lebar 640 piksel tetap berukuran 640 × 360.

Sebelum menggunakan hasil

File PNG, JPEG, dan WebP didekode oleh browser Anda. File animasi menggunakan frame pertama. Profil warna dapat memengaruhi warna yang ditampilkan; hasil ekspor berisi piksel hasil render, bukan metadata asli.

Berikutnya: Ubah ukuran gambar

Kutip halaman ini

ToolOctopus. “Pembuat gambar web responsif.” Diperbarui 7 Oktober 2026. https://tooloctopus.com/id/pembuat-gambar-web-responsif.

Tambahkan tanggal akses jika pedoman yang Anda ikuti mewajibkannya.

Format sitasi menggunakan citeproc-js buatan Frank Bennett dan gaya Citation Style Language. Lisensi dan kode sumber.

Cari alat

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.