Ako ukladať obrázky na web vo Photoshope

Jednou z najdôležitejších funkcií, ktoré ponúka spoločnosť Photoshop, je funkcia Uložiť pre Web / Zariadenia .

Prečo ju používať? Zatiaľ čo ste mohli uložiť súbor pomocou štandardnej metódy, napríklad súbor / Uložiť ako , funkcia Uložiť pre Web / Zariadenia má rozhodujúce tri veci.

Tento nástroj funguje skvelo pre zobrazovanie ikon Twitter, profilov Facebooku, produktových súborov, blogových obrázkov a zdrojových súborov pre favikóny.

  • 01 - Otvorte zdrojový súbor

    Súbor / Otvoriť Photoshop. Screenshot od Bryan Haines

    Ak chcete začať, musíte otvoriť súbor a otvoriť súbor / Otvoriť . Môže byť v ľubovoľnom formáte - jpg, gif, psd, png alebo iných. Pokiaľ Photoshop dokáže otvoriť, môžete ho vygenerovať pre web.

  • 02 - Uloženie súboru pre web

    Súbor Uložiť Photoshop CS5. Screenshot od Bryan Haines

    Chystáme sa preskočiť na úspory pre web, za predpokladu, že ste vykonali všetky úpravy, ktoré požadujete. Je zrejmé, že ak potrebujete upraviť obrázok, urobte to najskôr a pokračujte týmto krokom neskôr.

    Prejdite do priečinka Súbor / Uložiť pre Web / Zariadenia a kliknite na. Je to asi polovica rozbaľovacej ponuky.

    Tento proces vôbec nezmení pôvodný súbor. Vytvára sa nový súbor. Po dokončení tejto príručky a návrat k pôvodnému obrázku vo Photoshope budete musieť tento súbor uložiť, ak ste vykonali akékoľvek zmeny. Je dôležité pomenovať váš nový obrázok iný ako váš pôvodný. Často jednoduché pridávanie _web do názvu súboru bude fungovať dobre. (príklad: filename_web.jpg)

  • 03 - Upraviť porovnávací pohľad na 2-hore

    Porovnanie porovnania Photoshop CS5. Screenshot od Bryan Haines

    V závislosti od vašich nastavení bude pravdepodobne potrebné upraviť zobrazenie tu. Čo chcete, je ľavé a pravé porovnanie vášho obrazu. Na ľavej strane sa zobrazí originál, vpravo sa zobrazí kvalita obrázka v aktuálnych nastaveniach.

    Ak sa pozriete pozdĺž hornej časti okna, uvidíte nasledujúce možnosti: Original, Optimized, 2-Up, 4-Up. Pre väčšinu účelov je to 2-Up, čo budete chcieť.

  • 04 - Nastavte veľkosť zobrazenia na 100%

    Nastavenie zobrazenia na 100% v aplikácii Photoshop CS5. Screenshot od Bryan Haines

    Ak chcete zabezpečiť, aby ste si prezerali 100%, skontrolujte možnosť v ľavom dolnom rohu obrazovky.

    Je dôležité mať na pamäti, že ak si pozriete obrázok o viac ako 100%, bude vyzerať zrnitý alebo možno dokonca nerozoznateľný. Vždy pracujte s obrázkom na 100%.

  • 05 - Vybrať rozmery súborov

    Výber rozmerov súborov v aplikácii Photoshop CS5. Screenshot od Bryan Haines

    Rozmery pre web sú takmer vždy v pixeloch (px). Je dôležité, aby boli proporcie správne. Vedľa obrazového poľa je malý obrázok reťazového odkazu. Čo robí, je zmenšiť šírku pri nastavovaní výšky. Napríklad obrázok s rozmermi 600 x 400 pixlov. Ak zmenšíte šírku na 300 pixlov, súbor sa automaticky zmení na výšku 200 pixlov. Ak nie je začiarknuté, obraz bude skreslený.

    Máte tiež možnosť premeniť obrázok o percentá.

  • 06 - Vyberte typ súboru pre export

    Výber typu súboru pre export vo Photoshope CS5. Screenshot od Bryan Haines

    V tejto možnosti nezáleží na type pôvodného súboru. Môžete si vybrať ľubovoľný súbor, ktorý potrebujete.

    Poznámka: Ak chcete začať proces, musíte kliknúť na obrázok vpravo. Obraz je potrebné vybrať na spracovanie.

    Najčastejšie je jpg pre web - je to najmenší formát súborov, čo znamená, že sa sťahuje rýchlejšie pre vašich návštevníkov. Ak máte priehľadnosť, vyberte png-24. Ak neviete, čo znamená transparentnosť, mali by ste zvoliť jpg.

  • 07 - Vyberte kvalitu obrázkov

    Zvoľte kvalitu obrázkov v aplikácii Photoshop CS5. Screenshot od Bryan Haines

    Každá z troch možností jpg (Vysoká, Stredná, Nízka) má prednastavené nastavenia kvality - ktoré je možné manuálne upraviť. Ak si prezeráte 100%, môžete sa rozhodnúť, akú kvalitu potrebujete. Ak chcete upraviť úroveň priblíženia, pozrite si krok 5. Obraz bude vyzerať rovnako online ako v okne náhľadu.

    Ak vyberiete niečo iné ako jpg, môžete tento krok vynechať.

  • 08 - Uložte súbor

    Uložte svoj súbor vo Photoshope CS5. Screenshot od Bryan Haines

    Po vykonaní potrebných úprav ste pripravení uložiť súbor. Kliknite na položku Uložiť a vyberte požadovaný názov priečinka a súboru pre tento nový obrázok.

    Blahoželáme! Váš nový súbor je pripravený na použitie online.