Convertor HTML în PNG

Q: Poate avea PNG-ul fundal transparent în loc de alb?

Da. Activați **Fundal transparent**. Transparența se vede doar acolo unde pagina nu setează nicio culoare de fundal, deci un site cu corpul alb va rămâne alb. Funcționează cel mai bine pentru o singură componentă sau o insignă făcută ca fișier HTML separat.

Q: Cum obțin o imagine doar cu partea de sus a unei pagini lungi?

Treceți **Imagini** pe una pe pagină și setați **Pagini** pe Prima pagină. Obțineți prima secțiune de mărimea unei pagini, nu întreaga lungime. Pentru a o tăia apoi la un cadru exact, folosiți instrumentul [decupare imagine](/crop-image).

Transformați o pagină web salvată, un export de dashboard sau o machetă de componentă într-un PNG în care fiecare literă și fiecare linie subțire rămân exact cum le-a desenat browserul. Alegeți lățimea ferestrei, iar aspectul paginii se adaptează la ea.

sau trage Fișiere DOC, DOCX, DOCM … aici ·

Maximum 95 MB per fișier· Până la 20 fișiere· Șterse după 30 minute

Rezultat

Convertește în

Rezoluție

Imagini

Fișierele sunt procesate pe serverele noastre și șterse după 30 minute.

Cum se folosește acest instrument

1
Adăugați fișierul HTML
Încărcați fișiere .html, .htm sau .mhtml, până la 20 într-un lot și câte 95 MB fiecare. O pagină salvată ca un singur fișier MHTML conține în ea imaginile și stilurile.
2
Setați lățimea ferestrei
Lățimea paginii HTML pornește de la 1280 px. Folosiți 390 px pentru aspectul de telefon sau 1920 px pentru un panou larg. Convertește în este deja PNG, iar Imagini este o singură imagine lungă.
3
Convertiți în PNG
Apăsați Convertește în PNG. Activați Fundal transparent din Setări avansate dacă pagina nu are culoare de fundal proprie și imaginea va fi pusă peste alte elemente grafice.

Răspuns

Cum convertesc HTML în PNG?

Încărcați fișierul .html sau .mhtml, setați Lățimea paginii HTML la ecranul pe care vreți să îl imitați și apăsați Convertește în PNG. Întreaga pagină randată revine ca o singură imagine fără pierderi.

Convertiți HTML în PNG când textul și liniile trebuie să rămână clare

PNG este Recomandare W3C din 1996 și folosește compresie fără pierderi, deci marginile netezite ale textului de 14 px, bordurile de tabel de un pixel și codul colorat sintactic rămân neatinse. De aceea dezvoltatorii atașează capturi PNG la rapoartele de erori, iar designerii le partajează la evaluări: nimeni nu trebuie să se întrebe dacă o margine neclară e o problemă CSS sau un artefact de compresie.

Prețul este mărimea. O pagină din text și culori uniforme se comprimă bine; una plină de fotografii, nu. Dacă captura ajunge într-un chat sau un e-mail unde contează mai mult mărimea decât detaliul clar, JPG dă un fișier mai mic. Pentru documentație, note de lansare, panouri de control și ghiduri de stil, PNG este alegerea mai sigură.

Lățimea decide aspectul. HTML nu are o pagină fixă: același fișier arată un design desktop pe trei coloane la 1280 px și o singură coloană la 390 px. Convertorul așază pagina la Lățimea paginii HTML introdusă, între 320 și 3840 px, apoi o captează de la primul rând până la subsol.

Lățimi în convertorul HTML în PNG pentru ecranele uzuale

195:422

390 × 844 px

Telefon

Viewport CSS al multor iPhone-uri recente; arată aspectul mobil

41:59

820 × 1180 px

Tabletă

iPad Air în mod portret; multe site-uri schimbă aspectul pe aproape de această lățime

8:5

1280 × 800 px

Laptop

Lățimea implicită a acestui convertor

16:9

1920 × 1080 px

Monitor Full HD

Panouri de control și de administrare late

HTML

HyperText Markup Language

HTML este limbajul de marcare al web-ului, descris prima dată de Tim Berners-Lee la începutul anilor 1990 și întreținut acum de WHATWG ca standard viu. Un fișier HTML descrie titluri, paragrafe, linkuri, tabele, imagini și formulare, în timp ce stilul vine de obicei din CSS. Orice browser îl afișează, iar este folosit și pentru șabloane de e-mail și pagini web salvate. Un singur fișier HTML depinde adesea de imagini și foi de stil externe, deci poate arăta defectuos dacă este mutat singur.

Compresie: –
Transparență: –
Animație: –
Introdus în: 1993 · Tim Berners-Lee; maintained by WHATWG

Convertor HTML

PNG

Portable Network Graphics

PNG este un format raster fără pierderi, publicat în 1996 de PNG Development Group și standardizat ulterior de W3C și ISO. Păstrează fiecare pixel exact, acceptă transparență alfa completă și redă text, margini clare și culori uniforme fără artefacte. Această precizie îl face ideal pentru capturi de ecran, sigle, pictograme și elemente grafice de interfață. Compromisul este dimensiunea: fotografiile salvate ca PNG sunt adesea de câteva ori mai mari decât aceeași fotografie în JPEG sau WebP. Toate browserele, sistemele de operare și editoarele deschid fișiere PNG.

Compresie: Fără pierderi
Transparență: Da
Animație: Nu
Introdus în: 1996 · PNG Development Group

Convertor PNG

PNG se alege când pagina conține mai ales text, cod, tabele sau elemente de interfață: pixelii fără pierderi păstrează clare liniile subțiri și textul mic în documentații, rapoarte de erori și evaluări de design, unde artefactele JPG s-ar vedea.

Convertiți HTML în PNG fără să pierdeți stilurile sau fonturile

Un fișier .html simplu depinde adesea de lucruri stocate în altă parte: o foaie de stil într-un folder css, imagini pe serverul original, fonturi de la un serviciu de fonturi. Când acestea lipsesc, pagina revine la text fără stil, într-un font implicit. Salvarea paginii în Chrome sau Edge ca Webpage, Single File produce un fișier .mhtml care păstrează stilurile și imaginile împreună, ceea ce este cel mai sigur de încărcat.

Fonturile web urmează aceeași regulă. Un font declarat cu @font-face se încarcă doar dacă fișierul lui poate fi accesat; un font care există doar pe calculatorul dumneavoastră este înlocuit cu unul asemănător. Dacă tipografia exactă contează, încorporați fontul sau verificați rezultatul înainte să îl trimiteți.

O lățime fixă face comparabile una lângă alta și capturile săptămânale ale unui raport. Când rezultatul trebuie să rămână text selectabil pentru tipărire, HTML în PDF este formatul potrivit.

Întrebări despre HTML în PNG

Este conversia HTML în PNG mai bună decât o captură de ecran din propriul browser?

O captură de ecran din browser surprinde doar ce încape pe ecran, dacă nu folosiți un instrument de captură a paginii întregi, iar lățimea ei este cea a ferestrei de moment. Aici lățimea este un număr stabilit de dumneavoastră, deci două capturi făcute la săptămâni distanță se potrivesc exact, iar pagina apare întreagă, de la primul rând până la subsol.

De ce PNG-ul este de câteva ori mai mare decât aceeași pagină în JPG?

PNG păstrează fiecare pixel fără pierderi. Textul și culorile uniforme se comprimă bine astfel, dar fotografiile, gradientele și afișele video nu, așa că o pagină de prezentare cu multe fotografii poate da un PNG mare. Pentru astfel de pagini HTML în JPG este alegerea mai ușoară; pentru exemple de cod, grafice și interfețe, de obicei nu merită estomparea.

Poate avea PNG-ul fundal transparent în loc de alb?

Da. Activați Fundal transparent. Transparența se vede doar acolo unde pagina nu setează nicio culoare de fundal, deci un site cu corpul alb va rămâne alb. Funcționează cel mai bine pentru o singură componentă sau o insignă făcută ca fișier HTML separat.

Convertorul rulează JavaScript-ul din pagină?

Conținutul pe care un script îl construiește la deschiderea paginii poate apărea, dar ce așteaptă un clic, o derulare sau o autentificare nu va apărea. Dacă un grafic sau un tabel există doar după interacțiune, deschideți pagina în browser, lăsați-o să se încarce și salvați-o ca un singur fișier înainte de încărcare.

Cum obțin o imagine doar cu partea de sus a unei pagini lungi?

Treceți Imagini pe una pe pagină și setați Pagini pe Prima pagină. Obțineți prima secțiune de mărimea unei pagini, nu întreaga lungime. Pentru a o tăia apoi la un cadru exact, folosiți instrumentul decupare imagine.