Softonic

HTML-naar-afbeelding-converter

Stap 1 / 3

Plak een HTML-fragment. Scripts, formulieren, frames en eventhandlers worden vóór het renderen verwijderd.

Zet een HTML- en CSS-fragment om in een PNG of JPG met vaste afmetingen zonder de bron of afbeelding naar onze servers te uploaden. Kies 64 tot 1.920 px per zijde en een schaal van 1x tot 3x. Voorbeeld en download blijven in de browser.

Zo render je HTML als afbeelding

  1. 1

    Plak de code

    Voer een HTML-fragment of document in. Inline-CSS en `<style>`-regels werken; scripts, formulieren, frames en eventhandlers worden verwijderd.

  2. 2

    Stel het canvas in

    Kies PNG of JPG, vul breedte en hoogte in en selecteer een schaal van 1x tot 3x.

  3. 3

    Render het voorbeeld

    De browser zet de opgeschoonde code in een geïsoleerd kader met vaste afmetingen.

  4. 4

    Download lokaal

    Sla de PNG of JPG rechtstreeks op. Het gemaakte bestand wordt niet naar onze servers geüpload.

Wat de browserrenderer ondersteunt

De converter gebruikt de lay-outengine van de browser. Gewone HTML, inline-CSS, <style>-regels, Flexbox, Grid, verlopen, schaduwen, ingesloten SVG en geïnstalleerde lettertypen kunnen daarom in het resultaat verschijnen. De uitvoer is een statische rasterafbeelding, geen interactieve kopie van de pagina.

Regels voor canvas en uitvoer

Instelling Toegestaan bereik Werking
Breedte 64 tot 1.920 px Exacte CSS-breedte van het opnamekader
Hoogte 64 tot 1.920 px Exacte CSS-hoogte; overlopende inhoud wordt afgesneden
Schaal 1x tot 3x Verhoogt de resolutie zonder de lay-out te wijzigen
PNG Raster met vaste maat Behoudt transparante delen
JPG Raster met vaste maat Gebruikt 92% kwaliteit en een witte achtergrond

De uitvoer is beperkt tot 16 megapixel om het geheugen van de browser te beschermen. Zijn afmetingen en schaal samen te groot, dan kiest de tool de hoogste veilige stap van 0,5x. De HTML-bron mag maximaal 100.000 tekens bevatten.

Privacy en externe bronnen

De HTML en gemaakte gegevensafbeelding blijven in de huidige browser. In de stappenmodus bewaart de sessieopslag van dit tabblad de instellingen voor de volgende stap. Opnieuw beginnen wist die gegevens. De tool stuurt de code of afbeelding niet naar onze servers.

Een externe URL vormt een uitzondering. Afbeeldingen, webfonts en stylesheets worden bij hun bronservers opgehaald en die kunnen de aanvraag zien. CORS of toegangsbeveiliging kan het laden ook blokkeren. Sluit afbeeldingen en lettertypen in als gegevens-URL en gebruik inline-CSS voor een volledig offline render.

Grenzen voor veiligheid en weergave

Scripts, formulieren, geneste frames, ingesloten objecten en eventattributen worden vóór de opname verwijderd. Het voorbeeld is daardoor niet interactief, maar dit is geen algemene HTML-opschoning voor inhoud die je elders publiceert. JavaScript-widgets draaien niet, de toestand van video en canvas is niet gegarandeerd, animaties worden één stilstaand beeld en browserspecifieke CSS kan in een andere engine afwijken.

Veelgestelde vragen

Ja. De renderer neemt ondersteunde <style>-regels en stylesheetkoppelingen uit de head over en legt de body vast. Scripts, metadata, formulieren, frames en actieve handlers worden verwijderd, dus het resultaat is geen navigeerbare webpagina.

De bronserver kan gebruik tussen domeinen blokkeren, om aanmelding vragen of te langzaam reageren. Gebruik een bereikbare URL die CORS toestaat of sluit de bron in als gegevens-URL.

PNG behoudt transparante pixels. JPG gebruikt een witte achtergrond en een vaste kwaliteit van 92%, vaak kleiner bij foto’s. De tool exporteert geen WebP en heeft geen losse kwaliteitsregelaar.

De converter begrenst de uitvoer op 16 megapixel. Bij een groot canvas kiest hij automatisch de hoogste veilige stap van 0,5x om te voorkomen dat het browsergeheugen volloopt.

Gerelateerde tools

ASCII-tabelreferentie

Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.

HTML-tekenreferentie

Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.

JSON naar PHP-array

Zet JSON om naar een PHP-array-literal met korte syntaxis, associatieve/geïndexeerde arrays en geneste structuren, klaar om in een .php-bestand te plakken.

Luhn-algoritme-checker

Controleer de creditcardnummer, IMEI, SIN en andere door Luhn beschermden nummers. Geef een resultaat terug (goed of fout) en toon elke stap van het verdubbelen en het berekenen van de controlesom aan.

Sneltoetsenoverzicht

Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.

JavaScript-obfuscator

Obfusceer JavaScript met string-array-codering, hernoemen van variabelen, control-flow-flattening en injectie van dode code ter bescherming van de front-end.

Tool beschikbaar in andere talen