Skip to content
jsonforge.app

Generator Gambar Placeholder

Buat gambar SVG placeholder secara dinamis melalui antarmuka web interaktif atau API Edge super cepat.

Dimensi

0px

Pratinjau SVG Langsung

420 × 420 px
420 × 420

Penggunaan API & Contoh Integrasi

Embed vector placeholder images directly into your HTML, Markdown, or CSS layout mockups using the Edge API endpoint.

<img src="https://jsonforge.app/api/placeholder/420x420" alt="Placeholder Image" width="420" height="420" />

Apa itu Generator Gambar Placeholder?

Generator Gambar Placeholder adalah alat pengembang gratis dan API Edge yang membuat gambar SVG placeholder secara dinamis. Sesuaikan dimensi, warna latar belakang & teks, label kustom, kisi latar belakang, dan sudut melengkung secara instan melalui antarmuka UI atau permintaan HTTP.

Cara menggunakan Generator Gambar Placeholder

  1. Masukkan Lebar dan Tinggi dalam piksel, atau pilih preset ukuran seperti 420x420, 800x600, atau 1920x1080.
  2. Sesuaikan Warna Latar Belakang dan Warna Teks menggunakan pemilih warna atau kode hex.
  3. Opsional: masukkan teks kustom, atur lengkungan sudut (radius), dan aktifkan kisi (grid) latar belakang.
  4. Klik 'Salin URL Gambar' untuk mendapatkan tautan API instan, atau 'Unduh SVG' untuk menyimpan file secara lokal.

Contoh

Placeholder Persegi 420x420 Standar

Masukan

https://jsonforge.app/api/placeholder/420x420

Keluaran

Gambar SVG placeholder 420x420 dengan warna latar abu-abu (#e5e7eb) dan teks abu-abu gelap (#6b7280).

Warna & Teks Kustom

Masukan

https://jsonforge.app/api/placeholder/800x600?bg=0f172a&color=ffffff&text=Hero+Banner

Keluaran

Gambar SVG 800x600 dengan latar belakang slate gelap dan teks putih 'Hero Banner'.

Sudut Melengkung & Kisi (Grid)

Masukan

https://jsonforge.app/api/placeholder/600x400?bg=4f46e5&color=ffffff&radius=24&grid=true

Keluaran

Gambar SVG 600x400 dengan latar belakang nila, sudut melengkung 24px, dan pola kisi latar.

Kesalahan umum

  • Menyertakan karakter '#' pada query string tanpa URL encoding (gunakan `bg=2563eb` bukan `bg=#2563eb`).
  • Memasukkan nilai non-numerik untuk lebar/tinggi (seperti `420px420`), yang akan mengembalikan error HTTP 400.
  • Mengekspektasikan format raster PNG/JPG secara langsung (generasi Edge saat ini menghasilkan vektor SVG murni).

Mengapa menggunakan alat ini

  • Generasi Edge tanpa latensi (<10ms) dengan cache CDN imutabel selama 1 tahun.
  • Output vektor SVG yang selalu tajam pada berbagai resolusi layar.
  • Sepenuhnya dapat disesuaikan: teks, warna, radius sudut, dan kisi latar.
  • Bebas dependensi eksternal, tanpa Sharp, Canvas, atau Puppeteer.

Pertanyaan yang sering diajukan

Alat terkait

Formatter & Beautifier JSON

Rapikan, format, dan validasi dokumen JSON secara instan di browser Anda.

/json-formatter

Workspace JSON Multi-Berkas

Workspace lengkap untuk mengedit, memvalidasi, melihat tabel, dan menganalisis berkas JSON.

/json-viewer

Validator & Pemeriksa Skema JSON

Validasi data JSON terhadap JSON Schema (Draft-07) dan hasilkan skema dari data JSON Anda.

/json-validator

API Mock Placeholder JSON

API REST mock gratis untuk pengujian dan prototyping aplikasi frontend secara instan.

/json-placeholder-api

Escape & Unescape JSON

Ubah karakter JSON menjadi string escaped untuk kode sumber dan sebaliknya.

/json-escape-unescape