Просты спосаб аптымізацыі малюнкаў для публікацыі ў інтэрнэце
Хуткасць загрузкі вэб-старонак з'яўляецца адным з фактараў «адносіны» пошукавікаў да вашага сайту. Чым хутчэй загружаюцца старонкі, тым больш лаяльна да сайта і карыстальнікі - нікому не падабаецца доўга чакаць і марнаваць шмат трафіку.
Шырока вядомы (падобна) зачыняецца гугловской сэрвіс PageSpeed Insights , Які дазваляе праверыць любы апублікаваны сайт на прадмет хуткасці загрузкі і па выніках праверкі які выдае адзнаку па стобальнай шкале і рэкамендацыі. Звычайна сярод рэкамендацый значыцца аптымізацыя і скарачэнне праграмнага кода, сціск малюнкаў, налада сервернага і браузерного кэшавання і т. Д.
Для сярэднестатыстычнага кантэнтнага рэсурсу на недарагім хостынгу і бясплатнай CMS тыпу WordPress (так, я кажу пра свой і тысячах падобных сайтаў) магчымасці аптымізацыі абмяжоўваюцца устаноўкай Кэшуйце убудоў і працай з малюнкамі. «Карачымся» тэму і скарачаць HTML, CSS і JavaScript код можа не кожны, ды і такія дзеянні, як правіла, прыводзяць да розных памылак і «выпадзення» функцыяналу.
Для працы з выявамі пад WordPress існуе шэраг убудоў, канвертуе і сціскальных карцінкі з стратамі або без страт, на лета або па запыце. Самы лепшы, на мой погляд, з такіх убудоў - EWWW Image Optimizer .
У якасці альтэрнатывы можна падключыць якой-небудзь CDN-сэрвіс, каб статычны кантэнт, а менавіта графіка аддавалася са іншых сервераў, трохі разгрузіўшы файлавы сервер хостынгу і за кошт размеркавання крыніц паскараем прагляд. У маім выпадку гэтым займаецца модуль Photon ў складзе надзвычай папулярнага і перыядычна падвяргаецца жорсткай крытыцы ўбудовы JetPack .
Усё гэта ў рознай ступені працуе, але ёсць універсальны спосаб аптымізацыі малюнкаў для любых сайтаў, якія працуюць не толькі на WordPress - каб пачаць працу, вам спатрэбіцца толькі Google-акаўнт.
Гаворка, як ні дзіўна, ідзе пра Google Photos - сэрвісе, які прызначаны для захоўвання фатаграфій, зробленых на Android-смартфоны, і бэкапу малюнкаў і відэа, хто ўстанавіў спецыяльную сродак карыстальнікаў кампутараў.
У даведцы да PageSpeed Insights рэкамендуемы спецыялістамі Google працэс аптымізацыі малюнкаў апісаны так:
Падобна на тое, у апошнім абзацы апісаны інструменты, з дапамогай якіх серверы Google аўтаматычна аптымізуюць карыстацкія малюнка, загружаныя ў Photos. Дарэчы, аптымізуюцца і якія патрапілі ў сэрвіс відэафайлы, але гэта зусім няважна пры Здравствуй YouTube.
Разгледзім прыклад. Сёння я фатаграфаваў для наступнай публікацыі складаны нож і прагнаў атрыманыя фатаграфіі праз прыкладанне FastStone Image Viewer ( «мастацкая» абрэзка + змена памераў да 1280 кропак па шырыні). Атрымалася тэчка з васьмю файламі вагой больш за 3 (!) Мегабайт.
Мяркуючы па ўсім, свежаўсталяваны прагляднік FastStone Image Viewer па змаўчанні захоўвае адрэдагаваныя фатаграфіі ў блізкім да максімальнага якасці, што прыводзіць да неапраўдана вялікім «вазе» файлаў. Але такая налада ў нашым выпадку цалкам апраўданая, таму што алгарытмы Google сціскаюць фоткі без бачнай страты якасці пры 100% -ном мастабировании, а значыць, добрага якасці малюнка застануцца такімі і пасля загрузкі ў Google Photos.
Для зручнасці лепш змясціць загружаныя фатаграфіі ў новы альбом, які практычна адразу пасля стварэння можна спампаваць цалкам у выглядзе ZIP-архіва:
Калі параўнаць сціснутыя ў Google Photos фатаграфіі з зыходнымі, атрымаецца неслабы эканомія.
816 Кб супраць 3,27 Мб. Пры гэтым якасць фатаграфій, на мой погляд, не пацярпела зусім. Тым жа Фэйсбуку і Укантакце варта павучыцца ў Гугла аптымізаваць фатаграфіі. Больш за тое, GPhotos надзелены нядрэннымі інструментамі рэдагавання малюнкаў - ад накладання фільтраў да ручной налады кантрасту, яркасці, насычанасці і т. Д.
Такім чынам, Google Photos - не толькі выдатнае воблака для захоўвання і публікацыі фатаграфій, але і магутны інструмент аптымізацыі малюнкаў для публікацыі ў інтэрнэце. Толькі ў выпадку з WordPress не забудзьцеся адключыць аптымізуюць убудовы і той жа джетпаковский модуль Photon, інакш ужо падрыхтаваныя да публікацыі фатаграфіі падвергнуцца дадатковым сціску, што прывядзе да прыкметнай страты якасці (гл. Для прыкладу якія прайшлі праз Google Photos, а затым Photon скрыншоты ў гэтым запісе ).
