← Design & CSS
Design & CSS · körs lokalt

HTML till PNG-rendering

Återge sanerad HTML som en förlustfri PNG-bild med en explicit canvastörlek och valfri bakgrund som passar för transparens.

Klar. Dina arbetsdata finns kvar i den här webbläsaren.

Varför detta verktyg är användbart

Fånga UI-kort, märken eller texttunga layouter när skarpa kanter och transparens är viktigare än den minsta möjliga filstorleken.

Så fungerar det

En sanerad XHTML-snapshot ritas genom en SVG-bild i samma flik till en lokal canvas och kodas sedan av webbläsaren som PNG utan en serverförfrågan.

Ett praktiskt exempel

Förbered en panel för versionsanteckningar på 800 × 450 med en transparentsäker färg, förhandsgranska dess pixlar och ladda ner PNG-filen för en bild eller ärendehanterare.

Validering

Beräkningen är deterministisk och förklarar valideringsfel istället för att tyst ändra ogiltig inmatning.

Gräns för sekretess

Inmatning och utmatning sker i den här fliken, medan kopiering och nedladdning sker via webbläsarens API:er utan serveruppladdning.

Resultatpass

Varje körning rapporterar sitt verktygsläge, tidsstämpel och in-/utdatastorlek så att omvandlade data kan granskas.