HTML í PNG

Q: Getur PNG-myndin haft gegnsæjan bakgrunn í stað hvíts?

Já. Kveikið á **Gegnsær bakgrunnur**. Hann sést aðeins þar sem síðan sjálf stillir engan bakgrunnslit, þannig að vefur með hvítan bakgrunnslit á body kemur samt út hvítur. Þetta hentar best fyrir stakan íhlut eða merki sem er gert sem sérstök HTML-skrá.

Q: Hvernig bý ég til mynd af aðeins efsta hluta langrar síðu?

Stillið **Myndir** á eina á hverja síðu og **Síður** á Fyrsta síða. Þá færðu fyrsta kafla í stærð einnar síðu í stað allrar lengdarinnar. Til að skera hann í nákvæman ramma á eftir má nota tólið [skera mynd](/crop-image).

Breyttu vistaðri vefsíðu, útflutningi úr mælaborði eða skissu af viðmótshluta í PNG-mynd þar sem hver stafur og hver fínasta lína helst nákvæmlega eins og vafrinn teiknaði hana. Veldu gluggabreiddina og útlitið lagar sig að henni.

eða slepptu DOC, DOCX, DOCM … skrár hér ·

Að hámarki 95 MB á skrá· Allt að 20 skrár· Eytt eftir 30 mínútur

Úttak

Umbreyta í

Upplausn

Myndir

Skrár eru unnar á þjónum okkar og eytt eftir 30 mínútur.

Hvernig á að nota tólið

1
Bættu HTML-skránni við
Hladið upp .html-, .htm- eða .mhtml-skrám, allt að 20 í hverri lotu og 95 MB hver. Síða sem er vistuð sem ein MHTML-skrá geymir myndirnar og stílana í sér.
2
Stilltu gluggabreiddina
Breidd HTML-síðu er í upphafi 1280 px. Notið 390 px fyrir útlit í síma eða 1920 px fyrir breitt stjórnborð. Umbreyta í er þegar stillt á PNG og Myndir er ein löng mynd.
3
Umbreyttu í PNG
Ýtið á Umbreyta í PNG. Kveikið á Gegnsær bakgrunnur undir Ítarlegar stillingar ef síðan hefur engan eigin bakgrunnslit og myndin á að liggja ofan á annarri grafík.

Svar

Hvernig umbreyti ég HTML í PNG?

Hladið upp .html- eða .mhtml-skránni, stillið Breidd HTML-síðu á skjáinn sem á að líkja eftir og ýtið á Umbreyta í PNG. Öll birt síðan kemur til baka sem ein taplaus mynd.

Umbreyttu HTML í PNG þegar texti og línur verða að haldast skarpar

PNG hefur verið W3C-ráðlegging síðan 1996 og notar taplausa þjöppun, þannig að sléttaðar brúnir á 14 px meginmáli, eins díls rammar í töflum og litaður kóði haldast óskert. Þess vegna hengja forritarar PNG-myndir við villuskýrslur og hönnuðir deila þeim í rýni: enginn þarf að velta því fyrir sér hvort óskýr brún sé CSS-vandi eða þjöppunargalli.

Verðið er stærðin. Síða úr texta og einlitum flötum þjappast vel; síða full af ljósmyndum gerir það ekki. Ef myndin fer í spjall eða tölvupóst þar sem stærð skiptir meira máli en skarpar smáatriði er JPG minni skrá. Fyrir skjölun, útgáfuskýringar, stjórnborð og stílleiðbeiningar er PNG öruggara val.

Breiddin ræður útlitinu. HTML hefur enga fasta síðu: sama skráin sýnir þriggja dálka tölvuútlit við 1280 px og einn staflaðan dálk við 390 px. Breytirinn setur síðuna upp í þeirri Breidd HTML-síðu sem þú slærð inn, hvar sem er frá 320 til 3840 px, og tekur hana síðan frá fyrstu línu að fæti.

Breiddir fyrir HTML í PNG miðað við algenga skjái

195:422

390 × 844 px

Sími

CSS-sýnisvæði margra nýlegra iPhone-síma; sýnir farsímaútlitið

41:59

820 × 1180 px

Spjaldtölva

iPad Air í uppréttri stöðu; margir vefir skipta um brotpunkta nálægt þessu

8:5

1280 × 800 px

Fartölva

Sjálfgefin breidd í þessum breyti

16:9

1920 × 1080 px

Full HD skjár

Breið stjórnborð og umsjónarsíður

HTML

HyperText Markup Language

HTML er merkjamál vefsins, fyrst lýst af Tim Berners-Lee í upphafi tíunda áratugarins og nú í umsjá WHATWG sem lifandi staðall. HTML skrá lýsir fyrirsögnum, málsgreinum, tenglum, töflum, myndum og eyðublöðum, en útlitið kemur yfirleitt úr CSS. Allir vafrar birta það og það er einnig notað í tölvupóstsniðmát og vistaðar vefsíður. Ein HTML skrá er oft háð ytri myndum og stílblöðum og getur því litið út fyrir að vera biluð þegar hún er flutt ein sér.

Þjöppun: –
Gegnsæi: –
Hreyfimynd: –
Kom fram: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML umbreytir

PNG

Portable Network Graphics

PNG er taplaust punktamyndasnið sem PNG Development Group gaf út árið 1996 og W3C og ISO staðlaði síðar. Það heldur hverjum depli nákvæmlega, styður fullt gegnsæi (alfa) og meðhöndlar texta, skarpar brúnir og flata liti án missmíða. Þessi nákvæmni gerir það tilvalið fyrir skjámyndir, merki, tákn og viðmótsgrafík. Gallinn er stærðin: ljósmyndir vistaðar sem PNG eru oft margfalt stærri en sama mynd sem JPEG eða WebP. Allir vafrar, stýrikerfi og myndvinnsluforrit opna PNG-skrár.

Þjöppun: Án taps
Gegnsæi: Já
Hreyfimynd: Nei
Kom fram: 1996 · PNG Development Group

PNG umbreytir

Fólk velur PNG þegar síðan er aðallega texti, kóði, töflur eða viðmótshlutar: taplausir díslar halda þunnum línum og smáu letri skörpu í skjölun, villuskýrslum og hönnunarrýni þar sem JPG-skekkjur myndu sjást.

Umbreyttu HTML í PNG án þess að missa stíla eða letur

Venjuleg .html-skrá reiðir sig oft á hluti sem eru geymdir annars staðar: stílblað í css-möppu, myndir á upprunalega þjóninum, letur frá leturþjónustu. Þegar þetta vantar fellur síðan aftur í ósnyrtan texta í sjálfgefnu letri. Ef síðan er vistuð í Chrome eða Edge sem Webpage, Single File verður til .mhtml-skrá sem heldur stílum og myndum saman, og það er áreiðanlegast að hlaða henni upp.

Vefletur lúta sömu reglu. Letur sem er skilgreint með @font-face hleðst aðeins ef hægt er að ná í skrána þess; letur sem er aðeins til á þinni eigin tölvu er leyst af hólmi með svipuðu. Ef nákvæm leturgerð skiptir máli skal fella letrið inn eða athuga útkomuna áður en hún er send áfram.

Föst breidd gerir líka vikulegar myndir af skýrslu samanburðarhæfar hlið við hlið. Þegar niðurstaðan þarf að vera valanlegur texti til prentunar er HTML í PDF sniðið sem á að nota í staðinn.

Spurningar um HTML í PNG

Er HTML í PNG betra en skjámynd úr mínum eigin vafra?

Skjámynd úr vafra nær aðeins því sem rúmast á skjánum nema notað sé tól sem tekur alla síðuna, og breiddin ræðst af stærð gluggans hverju sinni. Hér er breiddin tala sem þú stillir sjálf/ur, þannig að tvær myndir sem teknar eru með vikna millibili passa nákvæmlega saman og öll síðan fylgir með, frá fyrstu línu að fæti.

Af hverju er PNG-skráin margfalt stærri en sama síða sem JPG?

PNG geymir hvern díl án taps. Texti og einlitir fletir þjappast vel þannig, en ljósmyndir, litstigar og myndbandskápur gera það ekki, svo lendingarsíða með mörgum ljósmyndum getur gefið stóra PNG-skrá. Fyrir þær síður er HTML í JPG léttari kostur; fyrir kóðadæmi, línurit og viðmót er yfirleitt ekki þess virði að sætta sig við óskýrleikann.

Getur PNG-myndin haft gegnsæjan bakgrunn í stað hvíts?

Já. Kveikið á Gegnsær bakgrunnur. Hann sést aðeins þar sem síðan sjálf stillir engan bakgrunnslit, þannig að vefur með hvítan bakgrunnslit á body kemur samt út hvítur. Þetta hentar best fyrir stakan íhlut eða merki sem er gert sem sérstök HTML-skrá.

Keyrir breytirinn JavaScript á síðunni?

Efni sem skriftur búa til þegar síðan opnast getur birst, en allt sem bíður eftir smelli, skrunun eða innskráningu birtist ekki. Ef línurit eða tafla verður aðeins til eftir aðgerð skal opna síðuna í vafranum, láta hana klárast og vista hana sem eina skrá áður en henni er hlaðið upp.

Hvernig bý ég til mynd af aðeins efsta hluta langrar síðu?

Stillið Myndir á eina á hverja síðu og Síður á Fyrsta síða. Þá færðu fyrsta kafla í stærð einnar síðu í stað allrar lengdarinnar. Til að skera hann í nákvæman ramma á eftir má nota tólið skera mynd.