Generator Gambar HTML
Buat tag <img> — atur sumber, teks alternatif, ukuran, perataan, dan perilaku pemuatan, lalu salin HTML siap pakai. Gratis, instan, tanpa AI.
Input
Pengaturan
Menskalakan gambar sesuai lebar wadahnya, bukan ukuran tetap.
Tambahkan kelas CSS kustom ke elemen. Pisahkan beberapa kelas dengan spasi.
Output
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-generator/image \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"customSrc": "https://example.com/image.jpg",
"customAltText": "Image description",
"customResponsive": "",
"customWidth": "",
"customHeight": "",
"customAlign": "",
"customLoading": "lazy",
"customClasses": ""
}'Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.
Tanyakan ke agen AI
Use the IOTools `html-generator__image` tool (HTML Image Generator) on this input:
YOUR_INPUT_HERETempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.
Widget sematan
<iframe
src="https://iotools.cloud/embed/html-generator/image/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Generator Gambar HTML — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.
| Biaya per panggilan API/MCP | Mulai dari 5 kredit |
|---|---|
| Butuh kredit lebih? | Lihat harga |
Juga tersedia melalui
Panduan
Buat tag <img> siap tempel — atur sumber, teks alternatif, ukuran, perataan, dan perilaku pemuatan, lalu salin HTML yang dihasilkan.
Berjalan sepenuhnya di browser Anda: tanpa panggilan AI, tanpa kredit, tanpa perjalanan jaringan. Keluaran diperbarui secara instan saat Anda mengetik.
Cara menggunakannya
- Atur URL gambar dan Teks alternatif.
- Opsional: atur lebar/tinggi tetap, aktifkan Responsif, atau ratakan ke kiri/tengah/kanan — ini dipetakan ke atribut
styleinline kecil. - Salin atau unduh HTML yang dihasilkan.
Mengapa tidak ada pratinjau langsung?
Keluarannya adalah markup asli yang belum disanitasi — merendernya langsung di halaman tidak aman (dan URL gambar yang Anda masukkan mungkin tidak dapat dijangkau dari sini). Tempelkan kode ke halaman Anda sendiri untuk melihatnya dalam konteks.