Pretvornik HTML v PNG

Q: Ima lahko PNG namesto belega prosojno ozadje?

Da. Vklopite **Prosojno ozadje**. Prosojnost se pokaže le tam, kjer stran sama ne določa barve ozadja, zato bo stran z belo barvo telesa še vedno bela. Najbolje deluje pri posamezni komponenti ali znački, izdelani kot samostojna datoteka HTML.

Q: Kako naredim sliko samo zgornjega dela dolge strani?

Nastavite **Slike** na eno na stran in **Strani** na Prva stran. Dobite prvi odsek velikosti ene strani namesto celotne dolžine. Če ga želite nato obrezati na natančen okvir, uporabite orodje [obreži sliko](/crop-image).

Shranjeno spletno stran, izvoz nadzorne plošče ali maketo komponente pretvorite v PNG, v katerem vsaka črka in vsaka tanka črta ostaneta natanko takšni, kot ju je izrisal brskalnik. Izberite širino okna in postavitev se ji prilagodi.

ali spustite datoteke DOC, DOCX, DOCM … sem ·

Največ 95 MB na datoteko· Do 20 datotek· Izbrisano po 30 minutah

Izhod

Pretvori v

Ločljivost

Slike

Datoteke se obdelajo na naših strežnikih in izbrišejo po 30 minutah.

Kako uporabljati to orodje

1
Dodajte datoteko HTML
Naložite datoteke .html, .htm ali .mhtml, do 20 naenkrat in največ 95 MB na datoteko. Stran, shranjena kot ena datoteka MHTML, v sebi nosi slike in sloge.
2
Nastavite širino okna
Širina strani HTML je privzeto 1280 px. Za postavitev za telefon uporabite 390 px, za široko nadzorno ploščo pa 1920 px. Pretvori v je že nastavljeno na PNG, Slike pa na eno dolgo sliko.
3
Pretvorite v PNG
Pritisnite Pretvori v PNG. Če stran nima lastne barve ozadja in bo slika postavljena na drugo grafiko, pod Napredne nastavitve vklopite Prosojno ozadje.

Odgovor

Kako pretvorim HTML v PNG?

Naložite datoteko .html ali .mhtml, Širino strani HTML nastavite na zaslon, ki ga želite posnemati, in pritisnite Pretvori v PNG. Celotna upodobljena stran se vrne kot ena slika brez izgube.

Pretvorite HTML v PNG, kadar morata besedilo in črte ostati ostra

PNG je priporočilo W3C od leta 1996 in uporablja stiskanje brez izgube, zato zglajeni robovi besedila velikosti 14 px, enopikselske obrobe tabel in barvno poudarjena koda ostanejo nedotaknjeni. Zato razvijalci prilagajo posnetke PNG poročilom o napakah, oblikovalci pa jih delijo pri pregledih: nihče se ne sprašuje, ali je zamegljen rob težava CSS ali artefakt stiskanja.

Cena je velikost. Stran iz besedila in enobarvnih ploskev se dobro stisne, stran, polna fotografij, pa ne. Če posnetek gre v klepet ali e-pošto, kjer je velikost pomembnejša od ostrine, je JPG manjša datoteka. Za dokumentacijo, opombe ob izdaji, nadzorne plošče in slogovne vodiče je PNG varnejša privzeta izbira.

Širina določa postavitev. HTML nima fiksne strani: ista datoteka pri 1280 px prikaže tristolpčno namizno zasnovo, pri 390 px pa en sam zložen stolpec. Pretvornik stran postavi pri Širini strani HTML, ki jo vnesete, od 320 do 3840 px, nato jo zajame od prve vrstice do noge.

Širine v pretvorniku HTML v PNG za običajne zaslone

195:422

390 × 844 px

Telefon

Vidno polje CSS mnogih novejših iPhonov; prikaže mobilno postavitev

41:59

820 × 1180 px

Tablični računalnik

iPad Air v pokončni legi; mnoga spletna mesta tu preklopijo prelomne točke

8:5

1280 × 800 px

Prenosnik

Privzeta širina v tem pretvorniku

16:9

1920 × 1080 px

Monitor Full HD

Široke nadzorne plošče in skrbniški vmesniki

HTML

HyperText Markup Language

HTML je označevalni jezik spleta, ki ga je v zgodnjih 90. letih prvi opisal Tim Berners-Lee, danes pa ga kot živ standard vzdržuje WHATWG. Datoteka HTML opisuje naslove, odstavke, povezave, tabele, slike in obrazce, oblikovanje pa običajno prihaja iz CSS. Prikaže ga vsak brskalnik, uporablja pa se tudi za e-poštne predloge in shranjene spletne strani. Ena datoteka HTML je pogosto odvisna od zunanjih slik in slogovnih datotek, zato je lahko, če jo premaknete samo, videti pokvarjena.

Stiskanje: –
Prosojnost: –
Animacija: –
Uvedeno: 1993 · Tim Berners-Lee; maintained by WHATWG

Pretvornik HTML

PNG

Portable Network Graphics

PNG je rastrska oblika brez izgube, ki jo je leta 1996 objavila skupina PNG Development Group, pozneje pa sta jo standardizirala W3C in ISO. Ohrani vsak piksel natančno, podpira polno alfa prosojnost ter brez artefaktov obvladuje besedilo, ostre robove in ploske barve. Zaradi te natančnosti je idealen za posnetke zaslona, logotipe, ikone in grafiko vmesnikov. Slabost je velikost: fotografije, shranjene kot PNG, so pogosto večkrat večje od iste fotografije v JPEG ali WebP. Datoteke PNG odprejo vsi brskalniki, operacijski sistemi in urejevalniki.

Stiskanje: Brez izgube kakovosti
Prosojnost: Da
Animacija: Ne
Uvedeno: 1996 · PNG Development Group

Pretvornik PNG

PNG izberejo, kadar stran večinoma sestavljajo besedilo, koda, tabele ali deli vmesnika: piksli brez izgube ohranijo tanke črte in majhen tisk ostra v dokumentaciji, poročilih o napakah in pregledih oblikovanja, kjer bi se artefakti JPG poznali.

Pretvorite HTML v PNG brez izgube slogov ali pisav

Navadna datoteka .html pogosto odvisna od stvari, shranjenih drugje: sloga v mapi css, slik na izvirnem strežniku, pisav iz storitve za pisave. Če jih ni, stran preide na neoblikovano besedilo v privzeti pisavi. Če stran v Chromu ali Edgeu shranite kot Spletna stran, ena datoteka, nastane datoteka .mhtml, ki hrani sloge in slike skupaj; to je najzanesljivejša izbira za nalaganje.

Spletne pisave sledijo istemu pravilu. Pisava, deklarirana z @font-face, se naloži le, če je njena datoteka dosegljiva; pisava, ki obstaja samo v vašem računalniku, se nadomesti s podobno. Če je natančna tipografija pomembna, pisavo vdelajte ali preverite rezultat, preden ga pošljete naprej.

Stalna širina omogoča tudi primerjavo tedenskih posnetkov poročila drug ob drugem. Kadar mora rezultat ostati izbirno besedilo za tiskanje, namesto tega uporabite HTML v PDF.

Vprašanja o pretvorbi HTML v PNG

Je pretvorba HTML v PNG boljša od posnetka zaslona v mojem brskalniku?

Posnetek zaslona v brskalniku zajame le tisto, kar se prilega na zaslon, razen če uporabite orodje za zajem celotne strani, širina pa je enaka širini vašega okna. Tukaj širino določite sami s številko, zato se dva posnetka, narejena več tednov narazen, popolnoma ujemata, v sliki pa je cela stran od prve vrstice do noge.

Zakaj je PNG nekajkrat večji od iste strani v JPG?

PNG shrani vsak piksel brez izgube. Besedilo in enobarvne ploskve se tako dobro stisnejo, fotografije, prelivi in video plakati pa ne, zato lahko ciljna stran z veliko fotografijami da velik PNG. Za takšne strani je lažja izbira HTML v JPG; pri primerih kode, grafikonih in uporabniških vmesnikih zamegljenost običajno ni vredna tega.

Ima lahko PNG namesto belega prosojno ozadje?

Da. Vklopite Prosojno ozadje. Prosojnost se pokaže le tam, kjer stran sama ne določa barve ozadja, zato bo stran z belo barvo telesa še vedno bela. Najbolje deluje pri posamezni komponenti ali znački, izdelani kot samostojna datoteka HTML.

Ali pretvornik zažene JavaScript na strani?

Vsebina, ki jo skript zgradi ob odprtju strani, se lahko pojavi, vsebina, ki čaka na klik, drsenje ali prijavo, pa ne. Če grafikon ali tabela obstaja šele po interakciji, stran odprite v brskalniku, počakajte, da se konča, in jo pred nalaganjem shranite kot eno datoteko.

Kako naredim sliko samo zgornjega dela dolge strani?

Nastavite Slike na eno na stran in Strani na Prva stran. Dobite prvi odsek velikosti ene strani namesto celotne dolžine. Če ga želite nato obrezati na natančen okvir, uporabite orodje obreži sliko.