Як падрыхтаваць фота для інтэрнэту

  1. Перавагамі і выгодамі карыстання гэтага модуля з'яўляюцца такія карысныя і патрэбныя магчымасці як:
  2. Апісанне опцый:

Ўсім прывітанне! Я рады Вас бачыць на маім блогу ps-blog.ru , Які прысвечаны ўрокаў для пачаткоўцаў карыстальнікаў па праграме Фотошоп. Нагадваю, што ў мінулым артыкуле мы навучыліся загружаць шрыфты ў Фотошоп, усім хто яшчэ яе не чытаў гэтую артыкул рэкамендую з ёй азнаёміцца.

Сёння мы працягнем вывучаць асновы Фотошоп, тэма сённяшняга ўрока Як падрыхтаваць фота для інтэрнэту. Магчыма, у Вас адразу паўсталі пытанні, для чаго і навошта фота рыхтаваць для інтэрнэту? Можна ж проста ўзяць загрузіць і ўсё.

Так, сапраўды ў некаторых выпадках можна проста ўзяць загрузіць і ўсё, але гэта цягне за сабой масу праблем і нязручнасцяў. Ніжэй я прывёў 5 прычын чаму неабходна забяспечваць фота для інтэрнэту:

Вялікую вагу выявы Вялікую вагу выявы. Калі Вы напрыклад размясціце ў сябе на сайце фота якое важыць некалькі мегабайтаў, па-першае Вы перагружаеце і парушаеце працу свайго сервера, па-другое ў Вас вельмі доўга будзе грузіцца старонка, дзе Вы размясцілі сваю карцінку. А гэта моцна ўплывае на наведвальнасць сайта. Запомніце, людзі не любяць наведваць сайты якія тармозяць і доўга грузяцца.

Падчас вёрсткі вэб-дызайну, ўсе элементы макета будучага сайта (карцінкі ў фармаце Падчас вёрсткі вэб-дызайну, ўсе элементы макета будучага сайта (карцінкі ў фармаце .png і .jpg) абавязкова падрыхтоўваюцца для інтэрнэту, без гэтага вёрстка немагчымая.

Няправільныя прапорцыі фатаграфіі, якія прыводзяць да скажэння Няправільныя прапорцыі фатаграфіі, якія прыводзяць да скажэння. Гэты пункт я думаю не мае патрэбы ў тлумачэнне.

Высокая страта якасці малюнка Высокая страта якасці малюнка. Калі Вы загружаеце свае новыя фотаздымкі напрыклад у сацыяльныя сеткі або на інтэрнэт аўкцыёны, то напэўна Вы заўважылі, што яны становяцца не такія выразныя, каляровыя, кантрасныя як былі першапачаткова. Справа ў тым, што калі вы загружаеце свае малюнкаў на
якія-небудзь інтэрнэт рэсурсы, яны аўтаматычна сціскаюць і пагаршаюць якасць вашых малюнкаў.

У некаторых сітуацыях патрабуецца загрузка выявы пэўнага памеру і фармату У некаторых сітуацыях патрабуецца загрузка выявы пэўнага памеру і фармату. Напрыклад Вам трэба загрузіць абразок 16 × 16 пікселяў ў фармаце .png для свайго сайта. Усё гэта лёгка і проста можна зрабіць у Фотошоп.

З усімі гэтымі задачамі выдатна спраўляецца наша любімая праграма Adobe Photoshop CC. Распрацоўшчыкамі Фотошоп быў прыдуманы вельмі карысны і патрэбны модуль з функцыяй захавання малюнкаў для інтэрнэту (Save for Web). Гэта магутны модуль кіравання працэсамі аптымізацыі і захавання дакументаў, які аўтаматычна падбірае аптымальныя налады захоўваецца файла. Гэты модуль падтрымлівае і працуе з самымі распаўсюджанымі фарматамі файлаў для інтэрнэту .jpg, .gif, .png.

Перавагамі і выгодамі карыстання гэтага модуля з'яўляюцца такія карысныя і патрэбныя магчымасці як:

выбар некалькіх рэжымаў прагляду падчас аптымізацыі малюнка для web выбар некалькіх рэжымаў прагляду падчас аптымізацыі малюнка для web

выбар фармату у якім малюнак будзе захавана выбар фармату у якім малюнак будзе захавана

выбар якасці і памеру захоўваецца выявы выбар якасці і памеру захоўваецца выявы

выбар спосабу аптымізацыі, сціску і прагляд вагі аптымізаванага малюнка выбар спосабу аптымізацыі, сціску і прагляд вагі аптымізаванага малюнка.

На гэтым уся тэорыя сканчаецца, пераходзім да практыкі. Для пачатку давайце адкрыем малюнак або фатаграфію якую будзем захоўваць для інтэрнэту. Я буду працаваць з гэтым малюнкам:

Для таго, каб перайсці да захавання для web, заходзім у верхняе меню Файл / Захаваць для web або скарыстаемся гарачымі клавішамі Ctrl + Alt + Shift + S.

Перад намі павінна адкрыцца акенца з наладамі як паказана на скрыншоце ніжэй. Не трэба баяцца вялікай колькасці кнопачак і налад, мы будзем карыстацца толькі некаторай часткай з іх і ледзь ніжэй падрабязна разбяром для чаго яны патрэбныя і як імі карыстацца.

Апісанне опцый:

1. Чатыры ўкладкі варыянтаў папярэдняга прагляду.

- Зыходнае - гэта калі Вы бачыце току сваё зыходны малюнак

- Аптымізацыя - гэта калі Вы бачыце ў папярэднім праглядзе толькі аптымізаваным выява

- 2 Варыянты - гэта калі Вы бачыце сваё зыходны малюнак уверсе, а аптымізаваным ўнізе. Гэтым варыянт самы зручны і больш за ўсё мне падабаецца, менавіта таму я яго і выбраў.

- 4 Варыянты - гэта калі Вы бачыце ў папярэднім праглядзе зыходны малюнак, малюнак у якасці якім Вы выбралі, малюнак у якасці 22 і малюнак у якасці 11.

2. Фармат захоўваецца файла. У нашым выпадку мы выбіраем JPEG.

- PNG - фармат файла для захавання Вэб-графікі. Бывае двух відаў, 8 bit -индексированые малюнка, 24 bit - «усё» колеру. Звычайна ў гэтым фармаце захоўваюць кліпарты і лагатыпы на празрыстым фоне.

- GIF - састарэлы фармат файла для захавання Вэб-графікі. Часцей за ўсё ў гэтым фармаце захоўваюць файлы з абмежаванай колькасцю кветак, табліцы, схемы, лагатыпы, гэтак жа фармат падтрымлівае анімацыю і празрысты фон. Гэтым фарматам карыстаюцца ўсё менш і менш, таму што з'явіўся больш лепшы фармат PNG.

- JPEG - Самы папулярны фармат. Выдатна падыходзіць для захавання фатаграфій і малюнкаў з мноствам кветак, адценняў, эфектаў.

3. Значэнне якасці. Мне падабаецца «Высокае».

- Нізкае

- Сярэдні

- Высокае

- Вельмі высокае

- Найлепшае

4. Тут ставім галачку ў значэнне «Аптымізацыя«. Разглядаць і завастраць увагу на опцыях «Прагрэсіўны» і «Убудаваны профіль«, мы не будзем так як большасць вэб-браўзэраў іх не падтрымліваюць.

5. Ставім галачку для таго каб уключыць опцыю «Пераўтварыць у sRGB«. Гэта трэба для таго каб, наша малюнак карэктна адлюстроўвалася на вэб-сайце і захавалася ў каляровай прасторы sRGB.

6. Выстаўляны патрэбны памер малюнка. У маім выпадку гэта, шырыня 500 - пікселяў, вышыня - 281 піксель.

7. Памер арыгінальнага малюнка.

8. Памер аптымізаванага малюнка для інтэрнэту.

Думаю цяпер Вы разабраліся з тэмай Як падрыхтаваць фота для інтэрнэту ў Фотошоп і зараз зможаце зрабіць гэта самастойна. Памятаеце, лепшая падзяку для аўтара гэта лайкі, репост ў сацыяльных сетках і каменты на сайце Думаю цяпер Вы разабраліся з тэмай Як падрыхтаваць фота для інтэрнэту ў Фотошоп і зараз зможаце зрабіць гэта самастойна Да сустрэчы ў наступных уроках!

Памятаеце, лепшая падзяку для аўтара гэта лайкі, репост ў сацыяльных сетках і каменты на сайце   Да сустрэчы ў наступных уроках

Магчыма, у Вас адразу паўсталі пытанні, для чаго і навошта фота рыхтаваць для інтэрнэту?