Pitanje:

Zdravo!

Spremam sliku za Web sa prozirnom pozadinom u PNG formatu. U običnom Windows pregledniku slika, slika izgleda normalno. Ali kada ga postavim na sajt, pojavljuje se gadna bijela ivica oko slike, rub, širok 2-3 piksela, koji sve pokvari. Kako da ovo popravim?

Odgovor:

Činjenica je da sliku spremate u PNG-8-običnom formatu. Podržava transparentnost, ali samo 0 ili 100%, a transparentnost, na primjer, na 50% je nemoguća. A ivice gotovo svake slike su pomalo mutne, jer.e. imaju neku vrstu neprozirnosti. Oni se pretvaraju u svijetlosivi rub kada se sačuvaju za Web. U stvari, Photoshopov prozor Save for Web pokazuje ove ivice, pogledajte izbliza. U primjeru, spremam krug sa glatkim perjem ivica od 3 piksela:

Postoji opcija u postavkama spremanja za web za definiranje boje prozirnih piksela, po defaultu je postavljena na "mat" i najbolje je promijeniti u "Ne prikazuj" :

Ali ovo takođe nije opcija, jer ivice slike će biti isječene.

Dakle, imate dva izbora:

  1. Sačuvajte sliku kao PNG-24, ali slike sačuvane kao PNG-24 mogu biti veoma teške
  2. Sačuvajte sliku kao kompaktni JPG.webp sa istom pozadinom kao i web stranica. Ovo je, naravno, prikladno ako je pozadina stranice jednobojna i neće se promijeniti u bliskoj budućnosti.

Postoji i treći način, a to je snimanje slike u PNG-8 formatu sa alfa kanalima. Koliko god to bilo smiješno, to je još uvijek nemoguće učiniti u Photoshopu. Potrebno je koristiti usluge trećih strana, na primjer, http://tinypng.org, u kojima možete pretvoriti PNG-24 u punoj boji u PNG-8 uz održavanje alfa transparentnosti. Ali ja ga lično nikada nisam koristio, tako da ne mogu reći svoje utiske.

Kategorija: