Používanie transparentných obrázkov na webe a v tlači
Takže ste práve opatrne odstránili pozadie z obrázka a teraz chcete použiť čiastočne priehľadný obrázok niekde inde. Čo robíš? Nuž, odpoveď nie je jednoduchá - závisí to od toho, kam idete. Tak sa pozrime na vaše možnosti.
Z Photoshopu (verzie pred CS4)
Po prvé, ak pracujete vo Photoshope a budete tlačiť alebo na webe, pozrite si Sprievodcu exportovaním priehľadných obrázkov umiestneným v ponuke Pomocník. Bude vás opýtať sériu otázok a exportovať obrázok v príslušnom formáte. Táto možnosť bola odstránená v aplikácii Photoshop CS4.
Existujú skutočne len dva spôsoby zobrazovania digitálneho obrazu. Obraz sa bude buď zobrazovať na obrazovke, ako je displej smartphone, tabletu alebo pracovnej plochy (alebo väčšej), alebo v tlači. Z tohto dôvodu sa rozhodnutie priblíži k súborovému formátu.
Obraz ide na obrazovku.
Máte tri možnosti: GIF, PNG alebo "predstieranie s JPEG".
- GIF - GIF je pôvodný formát s podporou transparentnosti pre web. Problém s GIF je, že znižuje paletu farieb na maximálne 256 farieb, čo spôsobuje posun farieb, posterizáciu alebo páskovanie farieb a skreslenie vo vysoko farebných obrázkoch, ako sú fotografie. Ak sú fyzické rozmery obrázka malé, napríklad 1-palcový štvorcový alebo budete odosielať obrázok na sociálne médiá, ako je napríklad Twitter, potom je GIF úvahou Ďalšia nevýhoda pre GIF je to, že podporuje iba 1-bitovú transparentnosť. Čo to znamená, že každý pixel vo vašom obraze je buď úplne priehľadný alebo nie je transparentný. To znamená také bežné techniky, ako sú tieňové kvapky a vinetky.
- PNG - PNG je formát vyvinutý na prekonanie mnohých obmedzení GIF. Podporuje vysokú farebnosť a čiastočnú priehľadnosť pomocou alfa kanálov . Napriek tomu, že PNG je už niekoľko rokov, trvalo to dlho, kým sa nedosiahol širokopásmový prístup z dôvodu nedostatočnej podpory prehliadača v prvých rokoch. Transparentné súbory PNG však boli podporované už od IE7 a dnes sú podporované vo všetkých populárnych webových prehliadačoch, takže v týchto dňoch je bezpečné používať PNG, ak neviete, že veľká časť vášho publika používa veľmi starý hardvér a softvér. Obrazy PNG sú tiež bežne viditeľné na mobilných zariadeniach.
- Všimnite si, že ak chcete zachovať úplnú transparentnosť bez anti-alising halo, musíte uložiť súbor PNG ako PNG-24 a nie PNG-8. PNG-8 je užitočný pre zmenšenie veľkosti súborov PNG, keď nepotrebujete priehľadnosť, ale má rovnaké obmedzenia palety farieb ako súbory GIF .
- Ďalším bežným formátom PNG je PNG-32.To nie je 32-bitový obrázok s miliardami farieb. Ide o štandardný 24-bitový obrázok s extra 8-bitovým kanálom v odtieňoch šedi použitom pre priehľadnosť. V dialógovom okne Export As ... v aplikácii Photoshop v prípade, že kliknete na zaškrtávacie políčko Priehľadnosť, vytvárate obrázok PNG-32.
- Fake Transparency with JPEG - Toto je práca, kde oblasti obrázka, ktoré chcete byť transparentné, sú vyplnené rovnakou farbou alebo štruktúrou pozadia ako webová stránka, na ktorú budú umiestnené. Toto funguje najlepšie pri umiestnení obrázka na plné farebné pozadie alebo na malom, jemne texturovanom pozadí, kde zarovnanie nebude problémom.
- To je jeden spôsob, ako to spraviť. Ďalšou možnosťou je použiť nástroj na výber, ktorý buď maskuje oblasť plnej farby, alebo použije príkaz Vyplniť, aby vyplnil výber s plnou farbou.
- Viac informácií o JPEG
Obraz sa nasmeruje na aplikáciu na rozloženie stránky, ako je InDesign, QuarkXpress alebo PageMaker.
Máte tu tri možnosti: natívny formát PSD Adobe, vložené cesty alebo alfa kanály.
- Adobe natívny PSD formát - PSD si zachováva priehľadnosť medzi aplikáciami Adobe, takže ak pracujete úplne v aplikáciách Adobe, jednoducho použite prirodzený PSD formát Photoshop s priehľadnosťou.
- Vstavané cesty (EPS) - Obrázky EPS podporujú používanie vložených orezových dráh a väčšina aplikácií pre publikovanie na pracovnej ploche bude akceptovať formát EPS . Keď sa priehľadné priečinky používajú ako vložené cesty, izolovaný objekt môže mať len tvrdé okraje. Neexistuje žiadna čiastočná transparentnosť.
- Viac informácií o cestách Viac informácií o Clipping Paths
- Alfa kanály (TIFF) - Alfa kanály sú bitmapové masky, ktoré definujú priehľadnosť v odtieňoch šedej. Pri použití v aplikáciách rozloženia stránok je preferovaný formát TIFF pre obrázky s priehľadnosťou kanálov alfa .
- Viac informácií o alfa kanáloch Viac o maskách
Vstavané cesty versus alfa kanály - Podrobnosti o vytváraní a používaní vložených ciest a alfa kanálov nájdete v tejto príručke z piatich častí z aplikácie About Desktop Publishing.
Aktualizoval Tom Green.
Súvisiace: Ktorý grafický formát súboru je najlepšie použiť, kedy?