Softonic

HTML-naar-afbeelding-converter

Stap 1 / 3

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

Je HTML en de gemaakte afbeelding blijven in deze browser. Externe afbeeldingen, lettertypen en stylesheets worden bij hun bron-URL opgehaald. Gebruik ingesloten gegevens voor een volledig offline render.

Zet een HTML- en CSS-fragment om in een PNG of JPG met vaste afmetingen zonder de bron of afbeelding naar Hyperion 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 Hyperion 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 Hyperion.

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.

Sneltoetsenoverzicht

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

ASCII naar binair-converter

Converteer elke ASCII-string naar zijn binaire representatie. Elk teken wordt acht bits, gescheiden door spaties, klaar voor protocoltrace of huiswerk.

Binair naar hex-converter

Converteer binaire invoer naar een gewone hexwaarde in hoofdletters. Niet-binaire tekens worden genegeerd en voorloopnullen blijven niet behouden.

HAR-bestandsviewer

Open HAR-netwerkopnamen lokaal, filter verzoeken, bekijk gemaskeerde headers en timing en exporteer opgeschoonde samenvattingen zonder upload.