Категории

  • Голосование
  • Право голоса
  • Киев
  • Украина
  • Здоровье
  • Популярное
  • Новости
  • Новости

      Artmisto
      Наша команда-партнер Artmisto. С "Buddy.Bet" азартные игроки найдут идеальное место для развлечений и возможность выиграть крупные суммы.

    Аптымізацыя (сціск) малюнкаў для сайта фатографа

    1. Мой агляд праграм і он-лайн сэрвісаў для аптымізацыі (сціску) малюнкаў для інтэрнэту
    2. Праграма File Optimizer
    3. Аўтаматызаваны модуль OptiPic
    4. Он-лайн сэрвіс PunyPNG
    5. Лепш сціскаць выявы без страты якасці loseless ці ўсё ж такі з стратай?
    6. Падрыхтоўка малюнкаў для аптымізацыі (для сціску)
    7. Асноўныя высновы:

    Наша команда-партнер Artmisto

    Дарагія сябры, калегі!

    Мне давялося надаць даволі шмат часу вывучэнню пытання, якім лепш чынам аптымізаваць (сціскаць) малюнка для сайта. У дадзеным выпадку гаворка ідзе пра сайт фатографа, дзе якасць малюнкаў, як вы разумееце, мае ключавое значэнне. Вырашыў трохі распавесці аб сваім вопыце, камусьці гэта можа спатрэбіцца.

    Кожны фатограф у каго ёсць свой сайт ведае наколькі важна належным чынам падрыхтаваць фатаграфіі, якія мы заліваем на сайт. Я, напрыклад, не надаваў гэтаму пытанню сур'ёзнай увагі. Хоць на самай справе, гэта важна. Адразу хачу адзначыць, што гаворка пойдзе толькі пра метады сціску і падрыхтоўцы ў цэлым фатаграфій для Інтэрнэту, а не пра SEO-аптымізацыі фатаграфій.

    Алгарытмы пошукавікаў пастаянна ўдасканальваюцца, яны ахопліваюць і ўлічваюць усе новыя і новыя аспекты тэхнічных характарыстык сайтаў, ад кантэнту да нюансаў кода. У цяперашні час усё зусім інакш, што калі фатаграфіі / малюнкі на вашым сайце не аптымізаваныя (не сціснутыя) належным чынам і на старонцы іх вялікая колькасць, як звычайна бывае на сайтах фатографаў, пашукавікі гэта ўлічваюць і могуць выдаваць папярэджання ў сродках аналітыкі ЯндексВебмастер, GoogleAnalitics і інш. Лаюцца яны на тое, што старонка павольна загружаецца. А павольная загрузка ў сваю чаргу негатыўна адбіваецца на ранжыраванні сайта пошукавікамі. Калі вы стварылі новую старонку, якая ўтрымлівае шмат неоптимизированных (не сціснутых) малюнкаў, Google, напрыклад, наогул можа доўгі час яе не індэксаваць. Даводзіцца рабіць гэта прымусова.

    У Інтэрнэце ёсць шмат артыкулаў пра тое, як сціскаць фота для сайта. Для гэтага існуе цэлы шэраг праграм і сэрвісаў он-лайн. Ёсць аналітычныя артыкулы, якія разглядаюць, ацэньваюць і прысвойваюць рэйтынгі розных праграмах і сэрвісам па аптымізацыі, спрабуючы аблегчыць карыстальнікам праблему выбару.

    Калі я збянтэжыўся праблемай сціску фатаграфій для сайта, я мала што пра гэта ведаў і проста пачаў збіраць інфармацыю ў Інтэрнэце. Потым я ўжо зразумеў, што трэба шукаць толькі праграмы і сэрвісы, якія ціснуць фатаграфіі без страты якасці, у рэжыме loseless, але спачатку я пра гэта не ведаў. На маім сайце пераважная большасць малюнкаў у фармаце JPG, таму я не глядзеў прогі працуюць некаторыя іншыя фарматы малюнкаў, а засяродзіўся толькі апрацоўшчыкі JPG. Акрамя інфармацыі ў інтэрнэце я пытаўся сярод знаёмых seo-аптымізатараў і праграмістаў ажыццяўляюць тэхпадтрымку кліенцкіх сайтаў.

    Мой агляд праграм і он-лайн сэрвісаў
    для аптымізацыі (сціску) малюнкаў для інтэрнэту

    Он-лайн сэрвіс Tinypng

    Першы і няўдалы вопыт у мяне быў з он-лайн сэрвісам аптымізацыі малюнкаў для інтэрнэту Tinypng. Адразу скажу, што ён цісне JPG з стратай якасці, але, як я ўжо казаў, тады я яшчэ не ведаў пра гэта і са спакойнай душой пачатку тэсту Tinypng.

    У сэрвісу ёсць бясплатная базавая версія, якая дазваляе апрацоўваць толькі адзінкавыя файлы У сэрвісу ёсць бясплатная базавая версія, якая дазваляе апрацоўваць толькі адзінкавыя файлы. Для пакетнай апрацоўкі патрабуецца платная падпіска. Я выклаў за яе ок. 1600 р.

    У першы ж дзень я аптымізаваў малюнка некалькіх асноўных старонак сайта. Але якасць малюнкаў, на жаль, прыкметна паплыло. Некаторыя выглядалі менш горш, некаторыя зусім горш, агульнае ўражанне склалася нездавальняючы. У дадзенага сэрвісу няма ніякіх налад, толькі адна кнопка «Аптымізаваць», таму карыстальнік не мае магчымасці ўплываць на вынік.

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

    Акрамя таго, у мяне ў прынцыпе склалася не вельмі прыемнае ўражанне ад выкарыстання он-лайн сэрвісу. У тым ліку з-за таго, што на працягу дня Tinypng быў некалькі разоў недаступны хвілін па 10-15. Не ведаю з чым гэта звязана, ці то з-за знікнення Итнернета, ці то па прычыне збою на самай сэрвісе.

    Праграма File Optimizer

    Зноў я пагрузіўся ў інтэрнэт у пошуках больш прымальнага варыянту. Зараз ужо мацней паглыбіўся ў розныя артыкулы і зразумеў, што шукаць трэба сэрвіс або праграму, які б джала JPG без страт, у так званым рэжыме loseless. На Хабрэ трапіўся добры аналітычны агляд розных праграм і сэрвісаў з якой абраў для сябе праграму, якая па сваіх паказчыках была на першым месцы сярод праграм для Windows, гэта File Optimizer. Праўда ў тым артыкуле на першым месцы сярод усіх (прогі і он-лайн сэрвісы) па сціску JPG без страт стаяў усё-ткі он-лайн сэрвіс PUNYpng, але пасля няўдалага вопыту з Tinypng я вырашыў не звязваецца з он-лайн ў прынцыпе. Такім чынам, File Optimizer - гэта Зноў я пагрузіўся ў інтэрнэт у пошуках больш прымальнага варыянту распрацоўка праграміста Nikkho (Javier Gutiérrez Chamorro). Свежую версію праграмы заўсёды можна спампаваць на Sourceforge. Калі вы загуглите назва праграмы імя або нік праграміста, вы трапіце на патрэбную старонку. Праграма цісне JPG без страт. Працуе як з асобнымі файламі, так і з тэчкамі. Арыгіналы файлаў праграма не выдаляе, яна пераназывае зыходнік, дадаю яму пашырэнне .bak. Праграма цісне JPG у сярэднім на 18% (без страт), г.зн. ваша малюнак візуальна зусім не мяняецца. Калі ў вас стаіць, дапусцім, ступень сціску JPG на значэнні 10, праграма так і пакіне на гэтым значэнні, не змяняючы яго, але сцісне файл выкарыстоўваючы толькі свой алгарытм, а не сціск JPG.

    Усё б добра, мяне задаволіла якасць выніку, але цяпер перада мной паўстала іншая праблема - мне трэба было аптымізаваць з дапамогай праграмы больш за 8 тыс. Малюнкаў, - менавіта такая колькасць знаходзіцца на маім сайце. Усе гэтыя карцінкі раскіданыя па розных старонках і тэчках. Па маіх паданнях, гэта аб'ём работ прыблізна на тыдзень. Прыкладна ў той жа час мне трапілася ў Інтэрнэце рэклама (магчыма мяне злавілі на ретаргетинг) сэрвісу OptiPic. Мяне прыцягнула фраза, што сэрвіс аптымізуе малюнка ўжо загружаныя на ваш сайт, г.зн. іх не патрабуецца спачатку падрыхтоўваць на кампутары, а потым зноўку заліваць на сайт. Гэта было ключавым момантам, які паўплываў на мой выбар дадзенага сэрвісу. Вырашыў - трэба абавязкова цесць!

    Аўтаматызаваны модуль OptiPic

    OptiPic - гэта аўтаматызаваны модуль, які ўсталёўваецца на сайт. У сэрвісу наладжана інтэграцыя з усімі асноўнымі CMS. У нас, напрыклад, сайт на Битриксе, для гэтай CMS на Marketplace Битрикса спампоўваецца модуль і разгортваецца на сайце. Вы заходзіце ў сваёй адмінку на сайце ў модуль і там ужо ўсталёўваеце параметры апрацоўкі малюнкаў. Там жа і запускаеце поцесс сціску. Сэрвіс аптымізуе ўсе выявы на сайце і дае вам справаздачу ў працэнтах аб эфектыўнасці сціску.

    Сэрвіс платны Сэрвіс платны. Аплата вырабляецца па аб'ёме апрацаваных малюнкаў у МБ. Я, напрыклад, купіў у іх за 750 р 2 ГБ. У рамках гэтага аб'ёму ўдалося аптымізаваць цалкам ўсе выявы на сайце, больш за 8 тыс. Шт.

    У сэрвісу OptiPic ёсць шэраг налад, якія задаюцца карыстальнікам. Напрыклад, якасць сціску (шакала у працэнтах ад 0 да 100). Таксама ў сэрвісе маецца опцыя «сціскаць без страты якасці». Для гэтага неабходна ўсталяваць якасць сціску на значэнне 100%.

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

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

    Асноўнае і галоўнае перавага гэтага сэрвісу тое, што вы ўвогуле не марнуеце свой час на апрацоўку і замену малюнкаў на сайце, усё робіцца за вас.

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

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

    Спачатку OptiPic. У рэжыме loseless OptiPic выдаў сціск майго пробнага файла на ўзроўні 13,6%. Гэта была выява JPG, папярэдне захаваны са ступенню сціску JPG на значэнні 10 з 12 п. Гэта ж самы малюнак я прагнаў праз праграму File Optimizer, сціск loseless атрымалася на ўзроўні 15%, г.зн. практычна ідэнтычны.

    Он-лайн сэрвіс PunyPNG

    І тады для чысціні эксперыменту я адважыўся ўсё-ткі выпрабаваць яшчэ адзін он-лайн сэрвіс PunyPNG, памятаючы пра артыкул на Хабрэ, дзе гаварылася аб лідыруе месцы гэтага сэрвісу па сціску loseless. Загрузіў гэты ж самы пробнікі. Я атрымаў сціск 14%, што было прыкладна на ўзроўні паказчыкаў праграмы File Optimizer і сэрвісу OptiPic.

    Дарэчы, сэрвіс PunyPNG таксама платны, базавая падпіска каштуе 1 $ / месяц, падпіска Pro каштуе 3 $ / месяц. Адрозненне паміж гэтым падпіскамі ў колькасці файлаў, якія можна апрацаваць і ў максімальным памеры сцісканага арыгінала. Па базавай падпісцы вы можаце штомесяц жаць да 3 тыс. Малюнкаў з максімальным памерам файла да 500 KB, па падпісцы PRO - да 5 тыс. Малюнкаў з памерам файла да 1 MB.

    Лепш сціскаць выявы без страты якасці loseless ці ўсё ж такі з стратай?

    Як я высвятліў, узровень сціску малюнкаў у рэжыме loseless (без страт) знаходзіцца на ўзроўні 13-15%, што даволі мала для аптымізацыі пад Google Pagespeed Insights. Калі Pagespeed Insights лаялася на вашыя выявы або цэлыя старонкі, то сціск на 13-15% можа не палепшыць сітуацыю, Google Pagespeed Insights так і будзе выдаваць вам папярэджанне, што малююнкі на сайце не аптымізаваныя. У мяне было менавіта так. Google наогул адмовіўся індэксаваць старонкі майго сайта пасля пераезду сайта на https. Pagespeed Insights лаялі што старонкі занадта цяжкія і ўсе малюнка не аптымізаваныя.

    Пакуль я спыніў свой выбар на модулі OptiPic і вырашыў паспрабаваць сціскаць не ў рэжыме loseless, а з невялікай стратай якасці, усталяваўшы якасць сціску на значэнне 80%. Агульная эфектыўнасць сціску пры гэтым атрымалася на ўзроўні 32%. Так, якасць малюнкаў трохі змянілася, а менавіта, з'явілася зерне. Але пры гэтым ніякіх іншых пагаршэнняў заўважана не было. Я не перажываю асабліва з нагоды збожжа, бо з дапамогай OptiPic ў мяне ёсць магчымасць у адзін клік вярнуць арыгіналы ўсіх 8 тыс малюнкаў на маім сайце і прагнаць праз сэрвіс усе паўторна, з іншым значэннем, напрыклад з 90%. Так, я пры паўторнай перагонцы зноў павінен буду заплаціць за трафік парадку 750 р., Але гэта не такая вялікая сума, калі гаворка ідзе пра сайт. Пакуль я ў роздум ці варта пазбаўляцца ад збожжа ці пакінуць як ёсць.

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

    Падрыхтоўка малюнкаў для аптымізацыі (для сціску)

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

    Напэўна, галоўнае, у справе падрыхтоўкі малюнка, каб фізічны памер (у пікселях) загружаных на сайт малюнкаў адпавядаў памеры адлюстравання гэтых малюнкаў на старонках. Нельга падганяць памер з дапамогай кода! Гэта калі, дапусцім, вы заліваеце на сайт карцінку 1200x800 px, а на старонцы дадзеная карцінка адлюстроўваецца ў памеры 900x600 px.Этот метад няправільны і пашукавікі гэта бачаць. У Google ёсць сэрвіс PageSpeed ​​Tools, з дапамогай якога можна праверыць старонкі сайта на прадмет іх аптымізацыі і хуткадзейнасці з пункту гледжання Google. Калі гэтым сэрвісам праверыць падобную старонку, на якой ёсць падобнае малюнак (паменшаная з дапамогай кода), сэрвіс пакажа вам што ёсць памылка і такі малюнак неабходна фізічна паменшыць у памеры.

    Дазвол малюнка на экране вымяраецца ў колькасці пікселяў на цалю (ppi). Хоць само паняцце «дазвол малюнка для экрана» - адноснае. Ад яго рэальна нічога не залежыць, у тым ліку і вага файла. Значэнне дазволу па-ранейшаму вельмі важна для друку карцінкі, але не для экрана. Дазвол большасці дысплеяў вар'іруецца ад 72 да 120 ppi. Хоць дазвол экрана MacBook Pro, напрыклад, складае 220 ppi. У нашым выпадку, для падрыхтоўкі малюнкаў ключавое значэнне мае толькі памеры выявы ў пікселях (шырыня / даўжыня). Калі дапусцім ваша малюнак мае памер 800x600 px, якое б дазвол для яе вы не задалі, хоць 72, хоць 300 dpi, усе экраны (з розным дазволам) будуць паказваць яе як 800 x600. Яны не будуць яе расцягваць або сціскаць у залежнасці ад выстаўленага вамі дазволу. І вага карцінкі будзе аднолькавым, што для 72, што для 300 ppi. У Фотошопе па змаўчанні параметр дазволу малюнкаў для экрана выстаўлены на значэнні 72 ppi. Яго я і прытрымліваюся, пакідаючы значэнне па змаўчанні.

    Параметры сціску JPG з'яўляюцца важнымі, як для якасці карцінкі, так і для яе вагі. Як вядома, у розных праграмах ступень сціску задаецца па розных шкалах. У Photoshop, напрыклад, ад 0 да 12, у Lightroom - ад 0 да 100%. Таксама і ў розных праграмах і сэрвісах для сціску малюнкаў у асноўным выкарыстоўваюцца 2 гэтых шкалы. Лепш ведаць прыблізныя адпаведнасці значэнняў гэтых шакал. У асноўным усе рэкамендуюць выкарыстоўваць ступень сціску малюнкаў для сайта на ўзроўні 8-10 па шкале Photoshop, што адпавядае прыкладна 67 да 85%. Я звычайна для ўсіх малюнкаў JPG на сайт так і раблю, выстаўляю ступень сціску 8-10. Так, васьмёрка нязначна змяняе якасць карцінкі, але пры гэтым істотна памяншае яе вага, канчатковы выбар за вамі.

    Асноўныя высновы:

    1. Напэўна не памылюся, калі скажу, што адной з найбольш зручных і эфектыўных праграм (пад Windows) для сціску малюнкаў у фармаце JPG (без страты якасці, loseless) з'яўляецца File Optimizer. Праграма бясплатная. Мае магчымасці карыстацкіх налад.

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

    3. Адным з самых эфектыўных он-лайн сэрвісаў па сціску малюнкаў JPG без страт можна назваць PunyPNG. Сэрвіс платны, але не дарагі. Дазваляе ў ручным рэжыме загружаць як асобныя выявы, так і тэчкі.

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

    Лепш сціскаць выявы без страты якасці loseless ці ўсё ж такі з стратай?

    Номера

    Номерной фонд гостиницы насчитывает 173 номера различных категорий.

    Забронировать отель можно прямо сейчас: Бронирование онлайн