SVG-plassholder

En lettvekts SVG-placeholder-bildegenerator for nettutvikling og designprototyping. Generer tilpassbare placeholder-bilder med justerbare dimensjoner, bakgrunnsfarge, tekstfarge og visningstekst. Utdataen er ren SVG-kode som kan brukes som en data-URI eller innebygd SVG — ingen eksterne bildefiler er nødvendige.

1. Angi bildedimensjonene ved hjelp av Bredde- og Høyde-inndataene (standard: 640×360). 2. Velg en bakgrunnsfarge ved hjelp av fargevelgeren eller hex-inndata. 3. Velg en tekstfarge for dimensjonsetiketten. 4. Tilpass eventuelt visningsteksten (standard er 'WIDTH × HEIGHT'). 5. Klikk 'Kopier som SVG' for å kopiere SVG-koden, eller 'Kopier som URI' for å kopiere en base64-kodet data:image/svg+xml-URI. 6. Lim den kopierte verdien inn i HTML-img-src-attributtet eller CSS-bakgrunnen.

• SVG-kode: Rå <svg>...</svg>-kode som kan bygges inn direkte i HTML. • Data-URI: En base64-kodet data:image/svg+xml-streng som egner seg for img src, CSS background-image, eller ethvert sted som godtar en URL. Begge formatene er selvstendige — ingen eksterne avhengigheter eller nettverksforespørsler.

• Nettutvikling: Placeholder-bilder under layout- og designfasen. • Testing av responsivt design: Generer bilder med spesifikke sideforhold. • Prototypemockups: Raske placeholder-grafikker for wireframes. • E-postmaler: Lettvekts placeholdere som ikke krever ekstern hosting. • Dokumentasjon: Eksempelbilder med tilpassbare etiketter.