Сајт без слика - анахронизам. Многи људи мисле, и немају здрав разум. Запамтите, колико дуго сте били на том месту последњи пут и колико дуго сте на њему?
Текстуални подаци су много мањи од слике. Али се зна да људи воле своје очи. Стога ће слике бити несумњива предност приче.
Уопштено говорећи, када говоримо о тексту, мислимо и на његов садржај и погодну визуелну презентацију, укључујући параграфе, листе, цитате, табеле. Међутим, то није довољно, па чак и новинске странице покушавају да пруже слике новинара.
Почнимо од претпоставке да су слике потребне. То могу бити фотографије, дијаграми, једноставно објашњавање слика.
Давно, када Путин није изгледао вечно, направио сам свој први медицински веб портал. Било је потребно ставити слике у атлас. Очигледно је да је тешко замислити анатомску структуру тела без слика, а још више да се опише речима. И без даљег одлагања, учитао сам слике у бмп (некомпресовани формат). Да ли морам да кажем да су тежили тесту? Штавише, неки претраживачи нису знали како да прикажу такве слике.
Зашто онда оптимизирати слике? Једноставан пример је фотографија. Модерни телефони имају камере од 8, 12 и више мегапиксела. 12 МП одговара слици од 4000 × 3000 пиксела. У зависности од сложености сцене, то одговара величини од 2-5 мегабајта, па чак и више. Десетак фотографија - и величина странице се увећава. Слика се уклапа у садржајну област, што значи да претраживач прво мора све да преузме, да га скенира и тек онда прикаже. За слабе процесора или са малом количином РАМ-а - катастрофом.
Сада замислите да корисник гледа сајт са телефона. У овом случају, учитавање страница једноставно не може чекати. Дакле, слике морају бити унапред редуциране.
Неко ће тврдити да нема смисла у томе, модерни ЦМС аутоматски прави сличице приликом преузимања слика. Али, да ли сви имају своје сајтове на ВПС или ВИП тарифама? Преузимање једне од 12 МП слика може да изађе, али да би је обрадили, ПХП ће морати да додели 35+ мегабајта (у теорији, заправо више) за складиштење, а онда још зна колико треба да направи мању копију. Јефтине тарифе одмах се спуштају у вишак ресурса. Добар домаћин ће од корисника тражити да то више не ради, а лош ће га игнорисати, јер је за њега важан само новац, а не и услуге.
И тако смо одлучили да исправно поступамо. Прелиминарно смањујемо слике, а затим их постављамо на сајт. Тако је мотор лакши, и људи. То је све Не баш.
Многи уредници задржавају оригиналне дијелове (мета-информације, не-сликовне дијелове датотеке) који садрже додатне информације. На пример, ако фотографишете нешто на телефону, пребаците датотеку на рачунар, кликните на њу десним тастером и изаберите „Својства → Детаљи“, видећете податке на уређају: коју камеру сте фотографисали, брзину затварача, ИСО и тако даље. За корисника, ова информација је бескорисна, тако да је можете ријешити.
Па, размисли о томе, један комад. Шта је то, гомила информација која је садржана? Замисли. Понекад добијете слике у којима је на стотине килобајта таквих података. Управо данас, послали су лого величине 584 КБ за смјештај. Истовремено, корисне информације су биле само 14 КБ! Што се мене тиче, није сасвим тачно приморати посетиоца да преузме 570 КБ одозго.
Да резимирамо подзбројеве. Да би корисници сајта добро обавили посао, потребно је да:
- Смањите величину слике. Да помогне било којем графичком уреднику.
- Избаците из датотеке непотребне дијелове. У ствари, кориснику је потребна само слика.
- Покушајте додатно смањити величину слике.
Први параграф укључује индивидуални рад на сваком фајлу. То је дуготрајно, али доноси најбољи резултат. Отварамо сваку датотеку, резујемо, смањујемо, а затим чувамо са прихватљивим квалитетом.
Али ставови 2 и 3 могу се дати на милост и немилост посебних програма. Постављен софтвер за рад са сликама. Гоогле препоручује следеће програме:
- јпегтран за јпг формат слике.
- оптипнг и пнгоут за ПНГ слике.
Мало о томе 3. Графички уредници обично се не муче с тим. Они једноставно чувају слику, бирајући унапред постављене алгоритме компресије са истим подешавањима, коефицијентима квантизације и другим стварима. Поред тога, многи искрено преносе доступне мета-информације и додају своје, додатно повећавајући величину датотеке.
Предувјети
Пре годину дана, масовно говорили о услузи ПагеСпеед Инсигхтс фром гоогле. У ствари, ово су препоруке потраге за гигантом о томе како да се ради добро. Само унесите адресу сајта и добићете листу предлога за оптимизацију. Тамо такође можете преузети већ оптимизоване ресурсе, укључујући слике, за ваш сајт. Истина, ово је релевантно само за означену страницу.
Ако имате веб страницу, обавезно погледајте Овај чланак . Посебно корисно за оне који користе ВордПресс.
Користимо препоруке за слике
Изгледа једноставно: преузмите програме које је одредио Гоогле и покрените све датотеке на серверу преко њих. Проблем је у томе што су ови услужни програми конзола. Узимају само по једну датотеку. Али ми нисмо узалуд ласт артицле узео је времена за групне датотеке, зар не?
Информације из чланка су сасвим довољне да масовно креирате сопственог руковаоца датотекама, тако да нећу да сликам где је то. Само предлажем да преузмем припремљену монтажу, коју користим.
Преузми архиву (212 КБ)
Структура архиве
Архива садржи фасциклу [ ОптимизеИмг ]. Да бисте започели, распакирајте га негде. Налазим се у ц: ем, али то није важно. Најважније је да стаза не садржи ускличнике.
Следећи. Ова фасцикла садржи поддиректориј [ уплоадс ]. Овдје требате ставити датотеке које захтијевају обраду. Најбољи дио је да можете гурнути барем структуру мапе / датотеке.
Има још 3 програма: јпегтран.еке | оптипнг.еке | пнгоут.еке је веома корисна алатка коју препоручује Гоогле. Преузето са одговарајућих званичних сајтова / репозиторијума. Ако сте у недоумици или само желите да надоградите, преузмите са поузданог извора и замените постојеће.
И на крају, срце тулзе. Батницхки:
- 1.бат
- 3.бат
- 3-го.бат
- 3-опти-то-оут.бат
- 3-оут-то-опти.бат
Прва датотека, 1.бат, поново креира структуру из [уплоадс]. Креирају се 3 додатна фолдера: [јпг_јпегтран] [пнг_оптипнг] [пнг_пнгоут] са обрађеним минимизираним датотекама њиховог типа (јпг - само * .јпг-фајлови, исти са пнг).
3.бат секвенцијално покреће три батцх датотеке за извршење:
- 3-го.бат је скоро исти као и 1.бат. Прескочите јпг / пнг фајлове кроз минимизерс. Резултат рада ће бити 3 фолдера (види горе) са одговарајућим сликама.
- 3-опти-то-оут.бат креира фасциклу [пнг_оптипнг-то-пнгоут], у коју се уписују датотеке обрађене оптипнг + пнгоут (управо у овој секвенци).
- 3-оут-то-опти.бат креира фасциклу [пнг_пнгоут-то-оптипнг] у коју се пишу датотеке обрађене пнгоут + оптипнг. Слично претходном, само у другачијој секвенци.
У принципу, само 1.бат је довољан за наше потребе. 3к врећице појавиле су се као резултат истраживања и грешака у претходној верзији батцх датотеке. Десило се да су током грешке датотеке за пнгоут преузете из директоријума оптипнг. И какво је моје изненађење када је лансирање старе верзије дало 1,5 пута мању величину него у ажурираној батцх датотеци. Као резултат тога, испоставило се да двострука обрада може добро “ухватити” слике. Али потребно је скоро 2 пута више времена. Зато одлучите да ли је потребно.
Кратке упуте за рад
- Довнлоад арцхиве .
- Распакујте га.
- Идите у новоотворени директоријум [ОптимизеИмг].
- Све датотеке које захтевају пецкање, копирајте фасциклу [уплоад].
- Покрените 1.бат и сачекајте. Ако постоји много фајлова и они су пнг, сачекајте дуго.
- Када се појави порука у црном прозору о потреби да притиснете тастер да бисте наставили, све је спремно. Остаје да се узме садржај креираних фасцикли и копира на хостинг преко ФТП-а, преписујући старе фајлове.
На пример. Допустите да имате блог на ВордПресс-у. Све слике се чувају у [ / вп-цонтент / уплоадс / ]. Идите на директоријум сајта (преко фтп-а), идите на [ вп-цонтент ] и једноставно копирајте [ уплоадс ] у фолдер ОптимизеИмг истог имена. Покрените 1.бат и сачекајте. По завршетку рада, садржај [јпг_јпегтран] (идемо тамо!) Се учитава на сервер. На захтеве за постојеће датотеке одговара се преписивањем. Сличан трик за пнг, али прво погледамо који директоријум - [пнг_оптипнг] или [пнг_пнгоут] - заузима мање простора, попуните га својим садржајем.
Немојте се плашити да оштетите друге датотеке. Батники раде само са јпг / пнг, и само слике ових типова се пишу у ново креиране фасцикле.
Надам се да ће неко бити користан. Успех!
Додаци
- Путања до [ОптимизеИмг] не би требало да садржи ускличнике ! и проценат %
- Покретање скрипти као администратора није потребно. Штавише, у овом случају, они можда неће радити!
- ...
Издавач
није онлине 13 сати
к64
Коментари: 2846 Публикације: 395 Регистрација: 02-04-2009
Запамтите, колико дуго сте били на том месту последњи пут и колико дуго сте на њему?Да ли морам да кажем да су тежили тесту?
Зашто онда оптимизирати слике?
Али, да ли сви имају своје сајтове на ВПС или ВИП тарифама?
Шта је то, гомила информација која је садржана?
