Оптимізація картинок для web - просто про складне
Щоб зменшити швидкість завантаження сторінок необхідно оптимізувати красиві фотографії, різнокольорові картинки і живописні зображення. Під поняттям Оптимізація Зображень для Web я маю на увазі якісь дії щодо зміни їх формату і розміру зі збереженням їх якості.
Чим більший розмір у розміщується картинки на сайті, тим довше вантажиться сторінка, а це не в кращу сторону позначається на просуванні блогу. Щоб було все по красі, будемо зменшувати вагу, розмір і якість ілюстрацій, але все це в дозволених межах.
Web оптимізація - це досить просто, хоч і звучить лякаюче: smile. від Вас потрібно лише бажання і трохи часу.
Як оптимізувати зображення для web?
I) Для початку потрібна сама картинка. Про найдоступніші способи, де її взяти в інтернеті, можете дізнатися з цієї статті.
II) Визначитися для чого вона нам потрібна:
- Якщо потрібно додати якісне фото або докладну інструкцію з дрібними деталями, то в запис на блозі слід вставляти файли з великою роздільною здатністю.
- Якщо необхідно розмістити ілюстрацію на ширину зони контенту, то сенсу у високій роздільній здатності немає. Не варто додавати картинки великого розміру, якщо на сайті використовується їх зменшена версія. Буде і так все зрозуміло, до того ж не варто захаращувати місце на хостингу непотрібними кілобайтами.
Дізнатися ширину зони контенту на своєму блозі можете методом тику або ж за допомогою розширення Firebug для Google Chrome (обов'язково навчитеся їм користуватися, стане в нагоді ще не раз).
III) Найголовніше правило - отримати по можливості якомога меншу вагу для картинки. Досвідчені оптимізатори радять розміщувати на сторінках веб-сайту ілюстрації вагою не більше 40Кб.
Останній III-ий пункт розглянемо зараз подробней.
Програма для оптимізації зображень, картинок, фото. Принцип роботи
Перша програма: Почнемо з популярного і не замінного Adobe Photoshop. Я опишу спосіб, як зменшити розмір зображення, а повне керівництво роботи з програмою можете відшукати в інтернеті.
Підведемо підсумок. Для веб оптимізації вибираємо потрібний формат:
- JPEG для фотографій і кольорових малюнків.
- GIF і PNG для однотонних зображень з декількома квітами і відтінками.
- WBMP для чорно-білих. Я його ніколи не використовував, вистачає перших двох з головою.
Перегляньте свій сайт або блог, адже Ви можете збільшити швидкість його завантаження оптимізуючи картинки в контенті і дизайні (шапка, іконки, банери). І, звичайно ж, сам сайт буде займати менше місця на хостингу.
Після цих кроків можете бути впевненими, що з медіаконтентом на блозі у Вас все відмінно: smile :.
Нарешті я вирішив випустити свій інфопродукт і вирішив почати з електронної книги, а точніше зі шпаргалки для новачків. Довго не міг придумати, щоб такого цікавого написати, але все-таки після довгих роздумів продукт у мене народився, чого я казково радий: smile. Це реально велика подія для мене!
Звичайно, для закоренілих блогерів в книзі-шпаргалці нічого нового немає, а от новачкам буде цікаво почитати. Загалом, зацените мою електронну шпаргалку "Як заробити в інтернеті Новіков 100 $ в місяць?":
Форма підписки Smartresponder виглядає моторошно, але робити нічого, інші форми просто не дружать зі стилями блогу і відображаються зовсім криво. В сайдбарі взагалі стару форму довелося поставити, тільки вона дещо як вийшла.
Залишився лише один хвилюючий мене питання по налаштуванню автоматичної розсилки. Кілька разів перенастроювати розсилку через Smartresponder і тепер сам заплутався, оговтується чи лист з посиланням на книгу чи ні.