Photoshop колдонмосу: Вебде колдонуу үчүн сүрөттөрдү оптималдаштыруу

веб-сүрөттү оптималдаштыруу

Максатына жараша биздин сүрөттөр тигил же бул дарылоону талап кылат. Басылып чыга турган, санарип проекторго же веб-баракчага чыга турган сүрөттү конфигурациялоо бирдей эмес. Ар бир чөйрөнүн ар кандай кемчиликтери, мүнөздөмөлөрү же муктаждыктары бар. Ушул себептен биз ушул өңүттөргө өзгөчө көңүл бурушубуз керек, антпесе өзүбүздүн курамыбыздын сапатын кыйыр түрдө жана билип-билбей төмөндөтүп алмакпыз.

Бул учурда Adobe Photoshop биздин сүрөттөрдү веб-баракчаларда жана Интернетте көбөйтүү үчүн оптималдуу дарылоо режиминде сактап калууну сунуш кылган орнотууларды кийинки сабакта көрөбүз. Бул жол менен биз эң арзан вариантты табууга аракет кылабыз сапатты (кесүү жана пикселдөө) жана башка жагынан файлдын көлөмүн эске алуу менен, сүрөттөрүбүздү же файлдарыбызды веб-сайтыбызга жүктөй турган болсок, алардын салмагы мүмкүн болушунча аз болушу керектигин билесиз. биздин веб-сайтыбыз бир топ ийкемдүү. Ушул негизги параметрлерди эске алганыңыз кызыктуу, буга чейин колубузда болгон деталдардын бардыгына кам көрүүгө аракет кылышыбыз керек.

JPEG сүрөтүн оптималдаштыруу

Баштоо үчүн биз колдонмобузду баштайбыз жана иштей турган сүрөтүбүздү импорттойбуз, бул учурда орто сүрөт жана JPEG форматында.

оптимизация-1

Бул сүрөттү Интернетте иштөө үчүн ылайыктуу мүнөздөмөлөр менен сактоо үчүн Файл менюсу> Веб үчүн сактоо… бөлүмүнө өтүшүбүз керек (бул параметрге Alt + Shift + Ctrl + S аркылуу кире алабыз).

оптимизация-2

Вебде сактоо диалогунун жогору жагындагы "төрт нуска" деп аталган баскычты чыкылдатабыз. Файлдагы төрт башка орнотууну карап, кайсы орнотуу биздин максаттарга ылайык келээрин жакшы түшүнүп алабыз. 4 нускадагы көрүнүштү колдонуп, бир эле сүрөттүн терезесинде сүрөттүн бир нече версиясын көрсөтүүгө болот. Биз ошону жасайбыз, ар кандай форматтарды колдонобуз жана алардын кайсынысы биздин талаптарга туура келерин көрөбүз. Андан кийин, тапшырманын мыкты айкалышын тандоо үчүн, сүрөттүн ар бир версиясы үчүн оптималдаштыруу тапшырмаларын жөндөсөңүз болот.

оптимизация-3

Диалог терезесинин сол жагындагы Масштаб деңгээлинин ачылуучу менюсун колдонуп, биз фотографияны жакшы анализдеп, сүрөттүн чоо-жайын баалай билүү үчүн чоңойтууну 200% же андан көпкө өзгөртөбүз.

оптимизация-4

Чычкан курсорун сүрөттүн оң жагындагы версиясынын үстүнө жайгаштырабыз (ал эң күңүрт чек ара көрсөткөн активдүү версия). Курсор колдун формасын алат, бул сүрөттү жылдыруу үчүн аны сүйрөй алабыз. Сүрөттүн ыңгайлуу аймагын, эң көп нюанстарды жана карама-каршылыктарды тапкан жерди табуу үчүн, сүрөттүн ордун өзгөртүү үчүн сүйрөп барабыз.

оптимизация-5

Оптималдаштырылган панелдеги Алдын ала орнотулган ачылуучу менюдан биз Dither менен GIF 128 тандайбыз. Биз тандаган сүрөттүн версиясында (бул учурда жогорку оң жакта) канчалык дароо караңгы жерлер көрүнүп тургандай кылып өзгөргөнүнө көңүл буруңуз. Андан кийин JPEG жана PNG орнотууларын кийинки панелдерден көрө беребиз.

оптимизация-6

Биз аны тандоо үчүн сүрөттүн сол ылдыйкы версиясын чыкылдатабыз. Алдын ала орнотулган менюдан Төмөн JPEG версиясын тандайбыз. Сүрөт бир топ пикселдүү болуп көрүнөт жана анын сапаты кабыл алынгыс, айрыкча текст жаатында ал абдан байкалат. Файлдын кабыл алынгыс көлөмүн албай туруп, сүрөттүн сапатын жогорулатууга аракет кылабыз.

оптимизация-7

Жөндөөлөр ачылуучу менюсунан кайрадан JPEG High тандайбыз. Бул сүрөттүн сапатын бир топ жакшыртат, бирок файлдын көлөмүн бир кыйла көбөйтөт.

оптимизация-8

Акыр-аягы, мыкты вариант ортолук болот. Алдын-ала ачылуучу менюдан JPEG Media тандап алабыз. Сүрөттүн сапаты эми кабыл алынат, ал эми файлдын көлөмү JPEG High версиясынан же GIF версиясынан бир аз аз.

оптимизация-9

Акыры төмөнкү оң панелди тандайбыз. Биз PNG-8 128ди дагы бир жолу ачылуучу менюдан чыгууну тандап алабыз. Бул параметр файлдын көлөмүн баштапкы сүрөттөн кичине көрсөткөнү менен, сүрөттүн сапаты JPEG Medium версиясынан жакшы эмес, анын көлөмү дагы кичине болот.

оптимизация-10

Акыры, биз JPEG версиясын, башкача айтканда, сол жактагы сол жактагы нусканы басабыз. Оптималдаштырылган панелде (диалогдун оң жагында) Прогрессивдүү опция иштетилгендигин текшерип (бул сүрөт бир нече өтмөктө жүктөлөт, анын ар бири сүрөттүн сапатын жогорулатат) жана Ok баскычын чыкылдатыңыз.

оптимизация-11

Акыры, Оптималдаштырылган катары сактоо диалог терезесинде баштапкы аталышын колдонуп, Сактоо баскычын чыкылдатыңыз. Ошентип, баштапкы файлдын JPEG нускасын керектүү папкага сактайбыз. Акыр-аягы, биз бул долбоорду өзгөрүүлөрдү сактабай жабабыз.

 


Макаланын мазмуну биздин принциптерге карманат редакциялык этика. Ката жөнүндө кабарлоо үчүн чыкылдатыңыз бул жерде.

Комментарий биринчи болуп

Комментарий калтырыңыз

Сиздин электрондук почта дареги жарыяланбайт. Милдеттүү талаалар менен белгиленет *

*

*

  1. Маалыматтар үчүн жооптуу: Мигель Анхель Гатан
  2. Маалыматтын максаты: СПАМды көзөмөлдөө, комментарийлерди башкаруу.
  3. Мыйзамдуулук: Сиздин макулдугуңуз
  4. Маалыматтарды берүү: Маалыматтар үчүнчү жактарга юридикалык милдеттенмелерден тышкары билдирилбейт.
  5. Маалыматтарды сактоо: Occentus Networks (ЕС) тарабынан уюштурулган маалыматтар базасы
  6. Укуктар: Каалаган убакта маалыматыңызды чектеп, калыбына келтирип жана жок кыла аласыз.