Príprava akéhokoľvek digitálneho obrázka čitateľného grafickým editorom Adobe Photoshop, či už je to súbor PSD, obrázok TIF alebo „veľký“ obrázok JPEG, na zverejnenie na webovej stránke, fóre alebo v sociálnych sieťach, ako aj na odoslanie prostredníctvom e-mail. Inými slovami, jpeg pre internet. Vyšlo to v rýmoch.
Samozrejme, obrazové formáty, ktoré Photoshop dokáže čítať, sa takmer neobmedzujú na tieto tri. A čo je fajn, väčšina sa dá previesť do JPEG. Bez ohľadu na pôvodný formát existujú dva spôsoby, ako „japegizovať“ vo Photoshope. Možnosť výberu je dvojnásobne príjemná. Obe cesty sú odlišné. Vonkajšie rozdiely sú odhalené voľným okom, rozdiely v účele („Ktorý spôsob nasledovať?“) zvýrazním konkrétne.
V tomto návode predstavím dva podrobné pokyny s potrebnými teoretickými „škvrnami“. Je navrhnutý tak, aby vám ukázal, ako najlepšie uložiť virtuálnu kresbu, koláž alebo fotografiu v širokom používaní formát JPEG. Posledná možnosť je najúčinnejšia pre obrázky s plynulými prechodmi farieb.
Na upevnenie a rozšírenie získaných vedomostí, ako aj na rozvoj zručnosti som pripravil príslušné cvičenia. Navrhujem, aby ste ich dokončili a potom zverejnili svoje výsledky v komentároch k tejto lekcii. Vyskúšajte svoju zručnosť v „poľných podmienkach“!
Prvý spôsob
1 krok
OTVORENÉ pôvodný obrázok vo Photoshope. V mojom prípade ide o súbor s názvom „Example.psd“ obsahujúci vyžrebovanú loptičku.
Stlačím kombináciu klávesov „Ctrl“, „Shift“ a kláves označený latinským písmenom „S“ na klávesnici alebo vyberiem „Súbor“ („Súbor“)> „Uložiť ako ...“ („Uložiť ako . ..“) v hlavnom menu. Zobrazí sa dialógové okno s názvom „Uložiť ako“.
2 krok
Vyberám umiestnenie budúceho obrázku JPEG. Do poľa „Názov súboru“ zadajte v prípade potreby nový názov obrázka. V rozbaľovacom zozname "Typ súboru" vyberiem formát "JPEG (*.JPG, *.JPEG, *.JPE)".
Nižšie uvedené parametre ponechávam nezmenené, pričom sa uistím, že je špecifikovaný a vybraný „štandardný“ sRGB ako farebný profil vložený do budúceho obrázka JPEG. Ak áno, prejdite na 4. krok.
Ak je namiesto sRGB špecifikovaný iný farebný profil, napríklad ProPhotoRGB alebo AdobeRGB, pred začatím postupu uvedeného v lekcii skonvertujem pôvodný obrázok do farebného priestoru sRGB, aby sa farby zobrazovali jednotne na väčšine zariadení. Urobím to nasledujúcim spôsobom.
3 krok
Stlačením klávesu Esc na klávesnici zatvorím okno Uložiť ako.
Vyberiem v hlavnom menu „Obrázok“ („Obrázok“)> „Režim“ („Režim“). Ak je „zaškrtnutie“ nastavené oproti „8 bits\channel“ („8bits\Channel“), potom vyberiem „16 bits\channel“ („16bits\Channel“). Je žiaduce zvýšiť farebnú hĺbku, aby prevod z jedného farebného profilu na druhý prebehol hladko. Vizuálne zmena farebnej hĺbky sotva ovplyvní pôvodné a konečné obrázky.
Potom z hlavného menu vyberiem „Upraviť“ > „Previesť na profil“. Zobrazí sa dialógové okno s názvom „Konvertovať na profil“.
V mojom prípade sa zdrojový farebný profil ("Source Space"), ktorý popisuje farby na výkrese, nazýva "Adobe RGB (1998)". V rozbaľovacom zozname "Cieľový priestor" vyberiem hodnotu "sRGB IEC61966-2.1". Skontrolujem parametre prevodu - sú umiestnené nižšie: parameter "Nástroj" ("Engine") je nastavený na "Adobe (ACE)", "Metóda (rendering)" ("Zámer") - "Relatívny kolorimetrický" ("Relatívny Colorimetric"), nastavte Nie je začiarknuté políčko vedľa možnosti „Použiť kompenzáciu čierneho bodu“, nie je začiarknuté ani políčko vedľa možnosti „Vyrovnať obrázok, aby sa zachoval vzhľad“.
Ak ste zvýšili farebnú hĺbku (urobil som to trochu skôr), možnosť „Použiť rozklad“ bude neaktívna. Ak je na otvorenom obrázku len jedna vrstva (ak otvárate JPEG alebo „jednoduché“ TIFy, zvyčajne to tak je), potom je tiež vypnutá možnosť Flatten Image to Preserve View.
Kliknem na tlačidlo „Dokončiť“ („OK“). Okno Konvertovať na profil zmizne.
4 krok
V hlavnom okne programu sa zobrazí nové dialógové okno s názvom „Možnosti JPEG“. Parameter "Kvalita" umožňuje nastaviť pomer kvality výstupného obrazu a objemu, ktorý bude obraz zaberať v pamäti počítača. Odplatou za zmenšenie hlasitosti je teda degradácia kvality pôvodného obrazu. Čím nižšie je nastavenie kvality, tým menšia je veľkosť obrázka JPEG.
V tomto príklade sa zastavím na hodnote 6.
Na vyhodnotenie kvality obrázka pred uložením začiarknem políčko vedľa parametra „Náhľad“.
5 krok
Nastavte hodnotu druhého parametra - "Možnosti formátu" - rovnú "Štandardne optimalizované" ("Optimalizované základne"). Hlasitosť budúceho obrázka JPEG sa znížila, ale kvalita obrázka zostáva rovnaká.
6 krok
Kliknem na tlačidlo OK v okne Možnosti JPEG a skontrolujem výsledok.
Porovnávam objemy pôvodnej kresby PSD (~ 3000 Kb) a konečného obrázka JPEG (82 Kb). Ukázalo sa teda, že súbor JPEG je približne 36-krát menší ako pôvodný obrázok s vizuálne rovnakou kvalitou. Pohodlné!
Upozorňujem na skutočnosť, že veľkosť výsledného obrázku JPEG zostáva rovnaká, ako v pôvodnom obrázku PSD, je to 2480 pixelov × 2480 pixelov.
Druhý spôsob
1 krok
Pôvodný obrázok otvorím vo Photoshope.
Na klávesnici stlačím kombináciu klávesov „Ctrl“, „Alt“, „Shift“ a kláves označený latinkou „S“ alebo vyberiem „Súbor“ > „Uložiť pre web ...“ („Uložiť pre web…»).
Zobrazí sa nové dialógové okno s rovnakým názvom.
2 krok
3 krok
Hodnotu parametra „Kvalita“ („Kvalita“) som nastavil na maximum.
4 krok
Veľkosť obrázka zmenšujem pomocou parametra „Veľkosť obrázka“.
Ide o voliteľnú operáciu, ktorá však pomáha výrazne zmenšiť veľkosť budúceho obrázka JPEG, najčastejšie s minimálnou stratou kvality. Na jednej strane zmenšenie veľkosti povedie k prirodzenému zmenšeniu objemu a na druhej strane k zníženiu detailov. To druhé zase obmedzuje moju schopnosť vytlačiť výsledný obrázok JPEG. Ak neplánujem vytlačiť najnovšiu, tak na obmedzenia zabudnem.
AT tento príklad Do poľa „Šírka“ zadávam hodnotu 600. Hodnota v poli „Výška“ sa automaticky zmení. Veľkosť výstupného obrázka sa tiež automaticky zmení vzhľadom na veľkosť pôvodného obrázka zadanú v poli „Percentá“. Zmeny sa vyskytnú automaticky a pole "Percentá" je v aktívnom stave, ak sú polia-parametre "Šírka" a "Výška" prepojené, čo dokazuje príslušná ikona umiestnená napravo od pomenovaných polí.
V náhľadovom okne vľavo zhodnotím veľkosť a kvalitu obrázku. A približný objem toho posledného zistím podľa uvedeného čísla, zvyčajne v kilobajtoch (Kb) alebo megabajtoch (Mb) pod ľavým rohom okna.
5 krok
Začiarknem políčko vedľa parametra „Optimalizované“.
6 krok
Ak chcem ďalej zmenšiť veľkosť výstupného obrazu, tak znížim hodnotu parametra „Kvalita“ („Kvalita“). Odporúčam držať sa hodnôt v rozmedzí 45-90.
V tomto prípade zvolím hodnotu 75.
Výsledkom je, že pri rýchlosti prístupu na internet jeden megabit (1 Mbit) bude priemerný čas sťahovania mojej kresby z internetu jedna sekunda. Je uvedená pod hodnotou hlasitosti budúceho obrázka JPEG.
Zároveň sa vizuálne ukázalo, že obraz má celkom prijateľnú kvalitu, prechody tónov sú celkom hladké.
7 krok
Začiarknem políčko vedľa možnosti „Previesť na sRGB“ a z nižšie uvedeného rozbaľovacieho zoznamu vyberiem hodnotu „Farba monitora“.
8 krok
Nakoniec zaškrtnem políčko vedľa možnosti „Vložiť farebný profil“.
Akcie v 7. a 8. kroku sú žiaduce, aby sa budúci obrázok JPEG zobrazoval na rôznych zariadeniach približne rovnako.
krok 9
V dialógovom okne, ktoré sa zobrazí s názvom „Uložiť optimalizované ako“ („Uložiť optimalizované ako“), vyberiem umiestnenie obrázka JPEG a v prípade potreby nastavím jeho názov. V aktívnom okne kliknem na tlačidlo „Uložiť“. Obe okná zmiznú. Teraz môžem zhodnotiť výsledok.
Zatvorte pôvodný obrázok. V zobrazenom dialógovom okne s výzvou na uloženie zmien vyberte možnosť „Nie“ („Nie“).
Obrázok získaný druhým spôsobom je vhodné použiť na publikovanie na internete. A obrázok získaný prvým spôsobom je možné okrem publikovania na internete aj vytlačiť. Vzhľadom na to, že sa veľkosť obrazu nezmenila, nebol podrobený interpolácii, čo znamená, že jeho kvalita je a priori vyššia ako kvalita obrazu získaného druhým spôsobom.
Viac o interpolácii a jej vplyve na zhoršenie kvality digitálneho obrazu vám poviem v lekcii „Čo je interpolácia?“
Na upevnenie získaných vedomostí vám navrhujem nielen uložiť niekoľko vlastných fotografií vo formáte JPEG, ale tiež dokončiť cvičenia pripojené k tejto lekcii. Tie posledné pokrývajú výzvy, ktorým môžete pri fotografovaní čeliť.
Dnes budeme hovoriť o tom, ako správne uložiť a optimalizovať obrázok vo Photoshope a v akom formáte je lepšie to urobiť. ale správna voľba uložiť formát výrazne ovplyvňuje kvalitu a vzhľad obrázky, ako aj hmotnosť obrázka v kilobajtoch. To je dôležité najmä pre tých, ktorí berú do úvahy spotrebu dopravy. Takže, poďme sa zaoberať jpg, gif a png v poradí.
1. V akých formátoch ukladať obrázky
Potom, čo si otvoríte svoju obľúbenú fotografiu vo Photoshope a nejako nad ňou vykúzlite, alebo vo všeobecnosti vytvoríte koláž vlastnej produkcie od začiatku, musíte si tento súbor uložiť do počítača. Existujú tri najbežnejšie formáty na ukladanie súboru.
formát jpg. Možno najbežnejší formát. Vhodné na skladovanie komplexu grafické obrázky s mnohými farbami a odtieňmi a bohatou textúrou. To znamená, že fotografie sa najlepšie ukladajú v tomto formáte. Medzi jeho nevýhody patrí, že nepodporuje transparentnosť a je veľmi citlivý na červenú. 
vo formáte gif. Tento formát je veľmi dobrý na ukladanie súborov, s obmedzený počet farby. Napríklad, textové stránky, tabuľky, diagramy, logá, jednoduché obrázky. Ukazuje sa to oveľa jasnejšie a váži menej. Navyše tento formát podporuje priehľadnosť a animáciu. Formát je však morálne zastaraný a je už podriadený formátu png. 
formát png. Podobný ako predchádzajúci formát, ale pokročilejší a efektívnejší pri kompresii obrázkov. V png je veľmi výhodné uložiť kliparty na priehľadné pozadie. Existujú dva formáty png-8 (pre jednoduché obrázky, podporuje 256 farieb) a png-24 (pre viac komplexné obrázky, dobre podporuje farby). 
2. Uložte pomocou „Uložiť ako...“ (Uložiť ako...)
Obrázok môžete uložiť pomocou starého dobrého spôsobu prostredníctvom ponuky "Súbor" -\u003e "Uložiť ako ..." (Uložiť ako ...) alebo pomocou kombinácie kláves "Shift + Ctrl + S". V roletovom menu vyberieme formát súboru, v ktorom chceme súbor uložiť. (Pozrite si obrázok nižšie) Táto metóda sa používa, keď uložený obrázok zostane vo vašom počítači a nie je určený na zverejnenie na internete. 
3. Uložte pomocou „Uložiť pre web“ (Uložiť pre web ...)
Ak je váš obrázok určený na zverejnenie na internete, potom je lepšie použiť funkciu „Uložiť pre web“ (Uložiť pre web ...). Vďaka tejto metóde je obrázok stále lepšie uložený špeciálne pre internet a navyše existuje niekoľko pohodlných funkcií. Vyberte v menu "Súbor" -> "Uložiť pre web ..." (Uložiť pre web ...) alebo kombináciu kláves "Alt + Shift + Ctrl + S". Otvorí sa dialógové okno.
Ak chcete uložiť obrázok vo formáte jpg, v rozbaľovacej ponuke (1) vyberte formát JPEG. Kvalitu konzervácie (2) sme nastavili od 75 % do 95 %. Vždy dávam 75%. V prípade potreby nastavte požadované rozmery obrazu (3). Polia naľavo zobrazujú pôvodnú veľkosť obrázka (4) a optimalizovanú veľkosť obrázka (5). Potom kliknite na „Uložiť“. 
Ak chcete uložiť obrázok vo formáte gif, v rozbaľovacej ponuke (1) vyberte formát GIF. Vyberte počet farieb, ktoré chcete uložiť (2). V prípade potreby nastavte požadované rozmery obrazu (3). Polia naľavo zobrazujú pôvodnú veľkosť obrázka (4) a optimalizovanú veľkosť obrázka (5). Potom kliknite na „Uložiť“. 
Ak chcete uložiť obrázok vo formáte png, v rozbaľovacej ponuke (1) vyberte formát PNG-8. Vyberte počet farieb, ktoré chcete uložiť (2). V prípade potreby nastavte požadované rozmery obrazu (3). Polia naľavo zobrazujú pôvodnú veľkosť obrázka (4) a optimalizovanú veľkosť obrázka (5). Zaškrtnite políčko „Priehľadnosť“ (6), aby bolo pozadie priehľadné. Potom kliknite na „Uložiť“. 
Ak nie je hneď jasné, v akom režime uložiť, je najlepšie vyskúšať všetky režimy ukladania, pričom po optimalizácii určíte podľa oka kombináciu kvality obrazu a jeho hmotnosti, ktorá je pre vás optimálna. Vo všeobecnosti je užitočné experimentovať s nastaveniami, aby ste pochopili, ako konkrétna funkcia funguje.
09.11.2018 09.11.2018
Keď je práca vo Photoshope pripravená, musí sa uložiť.
V závislosti od toho, na akú úlohu súbor ukladáte, musíte zvoliť formát. V tomto článku sa pozrieme na to, ako uložiť a aký formát súboru zvoliť.
V akom formáte sa má súbor uložiť?
PSD. Toto je štandardný formát súboru Photoshopu. V ňom si uložíte svoj súbor, aby ste mohli kedykoľvek pokračovať v práci. Vo formáte PSD nebudete môcť svojim priateľom (rodičom, priateľke atď.) ukázať fotografiu alebo grafiku, ktorú ste nakreslili. Tento formát je možné otvoriť iba pomocou Photoshopu.
JPG. Formát je skvelý pre fotografie a inú grafiku. Pred uložením vo Photoshope môžete uložený súbor JPG optimalizovať – to znamená, že si môžete upraviť kvalitu obrázka tak, aby vám veľkosť súboru vyhovovala. Formát sa otvorí na všetkých počítačoch a telefónoch. Dobré rozhodnutie zobraziť fotografie príbuzným, poslať grafiku do práce, uložiť pozadie stránky atď.
PNG. Používajú ho najmä dizajnéri na grafiku na weboch, online reklamu (bannery), grafiku pre mobilných aplikácií atď. Formát sa vyznačuje podporou priehľadnosti obrázka. Ak potrebujete uložiť objekt na priehľadnom pozadí, uložte ho ako PNG.
gif. Tento formát sa používa, ak chcete uložiť animáciu. Napríklad, animovaný banner, emotikon, krátke video alebo nálepka. Spomeňte si na všetky známe GIFy, ktoré chodia po internete – toto je práve ten formát.
Ako uložiť do PSD
Pomenujte súbor a vyberte ho formát PSD(zvyčajne vybraté predvolene).
Nezabudnite začiarknuť políčko Vrstvy. V opačnom prípade sa všetko neuloží a takéto ukladanie súboru nebude mať žiadny úžitok.
Ako uložiť ako JPG
- Vykonajte príkaz Súbor - Uložiť.
- Vyberte formát JPG.
Potom sa zobrazí okno, v ktorom môžete nakonfigurovať parametre uloženého súboru.
Tu môžete upraviť kvalitu fotografie nastavením hodnoty Kvalita od 1 do 12.
Začiarknite políčko možnosti náhľadu a uvidíte, ako sa zmení kvalita fotografie, keď túto možnosť zmeníte Kvalita.
Po uložení navyše hneď vidíte, koľko bude súbor vážiť. Čím je súbor menší, tým rýchlejšie ho môžete odoslať cez internet, tým rýchlejšie ho načíta iný používateľ. Pamätajte, že nikto nerád dlho čaká na nahrávanie fotografií na internet, najmä prostredníctvom mobilného telefónu.
Najlepšie je ponechať variáciu formátu Progresívne. Teraz nebudeme zachádzať do technických detailov, ale táto možnosť je najlepšia.
Pri ukladaní je potrebné upraviť kvalitu tak, aby obrázok veľmi neutrpel, pričom sa výrazne zníži veľkosť súboru.
Ako uložiť ako PNG
Nie je potrebné ukladať fotografie ako PNG. Tento formát použite, ak potrebujete uložiť obrázok vo vysokej kvalite priehľadné pozadie.
Zobrazí sa okno s nastaveniami pre uložený obrázok.
Vyberte formát PNG-24 - bude kvalitný obraz s najmenšou hmotnosťou pilníka a so všetkými farbami.
Začiarknite políčko Transparentnosť aby mal obrázok priehľadné pozadie.
Možnosti - prekladané a Vložený profil musia byť odstránené, pretože Ide o ďalšie a zbytočné zaťaženie súboru.
obrázok s priehľadným pozadím uložený vo Photoshope Ako uložiť ako GIF
Vyberte formát GIF.
Formát GIF vážne komprimuje obrázok vo farbách, a teda aj v hmotnosti súboru. Tu je k dispozícii maximálne 256 farieb.
Nezabudnite zaškrtnúť políčko vedľa Transparentnosť mať v prípade potreby priehľadné pozadie.
Adaptívny farebný model je najlepší, keď chcete ušetriť v maximálnej kvalite.
dithering Nastavil som to na 100 %, v tomto prípade sú prechody prechodov plynulejšie.
Ak máte animáciu vo formáte GIF, môžete upraviť počet jej opakovaní. Zvyčajne kladené veľa krát aby bola animácia nekonečne opakovateľná.
Teraz viete, ako uložiť vo Photoshope pomocou najpopulárnejších formátov. Máte nejaké otázky? Pozývam vás, aby ste sa vyjadrili.
Adobe Photoshop je populárny multifunkčný grafický editor. Mnoho používateľov sa s tým stretáva najmä pri spracovaní fotografií a obrázkov. Ako uložiť dokument vo Photoshope? Toto je jedna z hlavných funkcií grafického editora. V nasledujúcom všetkom možné metódy ukladanie obrázkov. Tipy ponúkané vašej pozornosti výrazne uľahčia proces práce s Photoshopom. Ľahko sa učia a zavádzajú do praxe.
Pravidelné šetrenie
Ako uložiť fotografiu vo Photoshope? Prvá možnosť dostupná v grafický editor, je príkaz "Uložiť". Zvyčajne sa používa pri spracovaní predtým otvoreného dokumentu. Počas vykonávania príkazu bude predtým existujúci objekt nahradený upraveným obrázkom.
- Otvorte fotografiu a upravte ju podľa svojich predstáv.
- Kliknite na tlačidlo "Súbor". Nachádza sa na paneli nástrojov v hornej časti obrazovky.
- Kliknite na tlačidlo „Uložiť...“.
Dôležité: ak používateľ vytvoril grafický dokument od začiatku, po vykonaných akciách sa na obrazovke zobrazí protokol uloženia. Tu musíte zadať názov dokumentu, formát jeho uloženia a zamýšľané umiestnenie v počítači.
Možnosť „Uložiť ako...“.
Druhým spôsobom uloženia grafických súborov je použitie príkazu "Uložiť ako...". Táto technika je podobná predtým študovanému algoritmu akcií. Ponúka rôzne možnosti uloženia. Metóda je skvelá na duplikovanie obrázkov.
- Po úprave dokumentu kliknite na "Súbor".
- V zobrazenej ponuke vyberte možnosť „Uložiť ako...“.
- Zadajte názov uloženého dokumentu.
- Vyberte formát uloženia. Nachádza sa v riadku "Typ súboru".
- Zadajte, kam sa má grafický dokument uložiť.
- Kliknite na "Uložiť".
- Zadajte možnosti fotografie. Zvyčajne sa tu vyberá kvalita obrazu a typ formátu. Môžete určiť štandardnú alebo vylepšenú optimalizáciu alebo s postupným zlepšovaním kvality obrazu pri načítavaní.
- Kliknite na tlačidlo "OK".
Je to hotové. Naučili sme sa ďalší spôsob ukladania dokumentov cez Photoshop. Ak chcete túto možnosť rýchlo aktivovať, stlačte Ctrl + Shift + S.
So zatvoreným súborom
- Prejdite na kartu s vybratým obrázkom.
- Presuňte kurzor doprava hornom rohu karty s príslušným dokumentom.
- Kliknite na krížik ľavým tlačidlom myši.
- Súhlaste s uložením dokumentu kliknutím na „Áno“.
Dôležité: Ak kliknete na Nie, Photoshop sa zatvorí bez uloženia zmien v dokumente. "Zrušiť" vráti používateľa do editora bez akýchkoľvek zmien.
Pre webové zdroje
Pri vytváraní grafiky pre webové stránky sa často používa „Photoshop“. Zostáva iba správne uložiť dokument. Čo je k tomu potrebné?
- Vyberte "Súbor" - "Uložiť pre web...".
- Zadajte grafickú sadu a uložte formát.
- Nastavte možnosti pozadia.
- Zadajte kvalitu a veľkosť obrázka.
- Kliknite na tlačidlo "Dokončiť".
Rýchly prístup k možnosti sa vykonáva pomocou klávesovej skratky Alt + Shift + Ctrl + S.
Uloženie pozadia a obrázka bez neho
Ako uložiť pozadie vo Photoshope? Toto je pomerne jednoduchá úloha. Ide o to, že používateľ môže použiť akýkoľvek obrázok ako pozadie. Zostáva len nastaviť ho ako spomínaný prvok obrazu.
Vytvorenie pozadia vo Photoshope sa vykonáva takto:
- Otvorte alebo vytvorte grafický dokument.
- Kliknite na tlačidlo "Pridať novú vrstvu".
- Skopírujte obrázok použitý ako pozadie.
- Vložte obrázok do vytvorenej novej vrstvy.
Teraz zostáva vykonať potrebné úpravy obrázka a potom presunúť vrstvu pozadia úplne dole.
Ako uložiť obrázok vo Photoshope bez pozadie? Ak to chcete urobiť, budete musieť vytvoriť dokument .gif alebo .tiff. Je lepšie pracovať s prvou možnosťou. Ak to chcete urobiť, musíte aktivovať možnosť „Uložiť pre web ...“ a potom v možnostiach uloženia začiarknite políčko vedľa položky „Transparentné“.
Dobrý deň, milí čitatelia blogu Start-Luck! V kontakte Andrey Zenkov a moje praktické rady o webdizajne. Dnes budeme hovoriť o rovnakých kľúčoch, bez ktorých vaša stránka nikdy neotvorí dvere do sveta záložiek prehliadača (a pre používateľa je tak dôležité označiť obľúbené stránky hviezdičkou).
Reč bude, ako už asi tušíte, o obrázkoch. Zachytenie svetlej fotografie je len polovica úspechu. Po jeho spracovaní, zafarbení, prekrytí textu a iných manipuláciách sa horizont varí nový problém: ako uložiť obrázok vo Photoshope?
Povedzme, že ste vytvorili webovú stránku o domácich miláčikoch a chcete pridať rozsiahlu fotogalériu. Bach – a dizajn si neviete predstaviť bez očarujúcich ikoniek menu v podobe odtlačkov labiek. A čo sekcia s vtipnými animáciami, ktoré rozveselia hostí stránky?
S nadšením prispôsobíte všetky obrázky, aby sa zmestili, uložili a ... uvidíte, že námaha je márna. Pixely úplne zabíjajú starostlivo vytvorené „labky“ a na obrázky v pohybe sa nemôžete pozerať bez sĺz. Photoshop sa automaticky presunie do zoznamu programov na odinštalovanie a vy si sľúbite, že nájdete skutočného remeselníka. Za čo? Môžete urobiť všetko sami, keď ste sa naučili hlavné tajomstvo, ktoré vždy používam.
Algoritmus na ukladanie obrázkov v optimálnej kvalite závisí od ich formátu. Nechcem zachádzať do detailov a hovoriť o tom, ktoré sú rastrové a ktoré vektorové. Navyše ich môžete zmeniť niekoľkými kliknutiami. Už som o tom písal v jednom z mojich článkov a zdieľal som s čitateľmi, ako zmeniť formáty obrázkov.
Pri analýze stránok, na ktoré je internet bohatý, som si všimol jeden zaujímavý detail: všetky grafické prvky zastupuje len niekoľko univerzálnych formátov, pričom na existenciu iných sa úplne zabúda. Čo sú zač?
Hlavné skupiny obrázkov vo webdizajne
Grafický obsah webových stránok je podmienene rozdelený do troch kategórií.
Koláže a fotografie
Vyznačujú sa formátom JPG – mimochodom najrozšírenejším na webe. Tieto obrázky majú malú veľkosť, čo vám umožňuje použiť ich v dizajne stránky bez obáv z pomalého načítania stránky. Napríklad tá istá krajina uložená vo formáte JPG a PNG sa výrazne líši v hmotnosti:
Ikony, tlačidlá a bannery
Pre tieto dizajnové prvky sa uprednostňuje formát PNG. Umožňuje vám vystrihnúť objekt a uložiť obrázok bez pozadia, pričom namiesto toho použijete „pozadie“ stránky. Tento formát by som odporučil aj pre obrázky, ktoré nemajú veľkú paletu. Napríklad vytvorte dokument vo Photoshope a - názov lokality:
Obrázok uložíme v dvoch formátoch a porovnáme výsledok:
Animácia
GIF je navrhnutý tak, aby vytváral animované obrázky pozostávajúce z dvoch alebo viacerých vrstiev. To sa dá urobiť nielen pomocou Photoshopu, ale aj. Tento formát by som označil za najrozmarnejší, pretože pri jeho ukladaní je ťažké ho dosiahnuť dobrá kvalita. Našťastie mám hack, ktorý vám poskytne minimálne pixelované animácie. Zaujatý? Pokračuj v čítaní!
Podrobné pokyny na ukladanie obrázkov
Začnime s JPG: je veľmi jednoduché získať fotografiu bez straty kvality. Ak to chcete urobiť, kliknite na "Súbor" - "Uložiť ako". V prípade potreby môžete použiť kombináciu klávesov Shift + Ctrl + S:
V zobrazenom okne vyhľadajte rozbaľovací zoznam "Typ súboru" a vyberte riadok JPEG. Štandardne zvyčajne stojí:
V tom istom rozbaľovacom zozname môžete vybrať aj riadok PNG, čím si svoju úlohu zjednodušíte. Obrázky s priehľadným pozadím však odporúčam uložiť inak.
Preskúmajte okno, ktoré sa otvorí. Vašou úlohou je uistiť sa, že v rozbaľovacom zozname je vybratá položka PNG-24 a že sú začiarknuté políčka vedľa riadkov „Priehľadnosť“ a „Prekladané“:
Upozornenie: posledné začiarknutie skracuje čas potrebný na načítanie obrázka na stránku, no zároveň zvyšuje jeho váhu. Ak vám to nevadí, kliknite na tlačidlo Uložiť. V rozbaľovacom okne vyberte cestu k súboru a opätovným stlačením cenného tlačidla ju získajte Obrázok PNG a dajte to na stránku čo najskôr!
Animácia sa uloží cez rovnakú položku ponuky, ale teraz musíte v rozbaľovacom zozname vybrať možnosť GIF. Veľké množstvo parametre a nezrozumiteľné slová môžu spôsobiť zmätok alebo dokonca strach. Nestojí to za to! Stačí nastaviť možnosti, ktoré používam:
Zhrnutie
Práca s grafikou si vyžaduje neustále zlepšovanie zručností, bez zamerania sa jedným alebo dvoma smermi. Ako byť? Kedysi bol pre mňa skutočný nález súbor piatich mini kurzov z projektu Photoshop Master. Od nich som sa naučil viac ako jeden bajt užitočná informácia.
Materiál je prezentovaný v prístupnej forme a bezplatne. Je to skvelá alternatíva k štúdiu na počítačových akadémiách a stráveniu mnohých hodín hľadaním tých správnych lekcií na internete.
To je všetko. Nezabudnite sa prihlásiť na odber skupina VKontakte a aktualizácie blogu pre týždennú porciu čerstvých a užitočné články.
Bol s vami Andrej Zenkov. Do skorého videnia!