Берто Лопес, останній. діяти. 11 грудня 2020 р
Якщо у вас є блог, канал YouTube або ви створюєте будь-який інший вміст в Інтернеті, вам доведеться працювати з цифровими зображеннями. У цій публікації ми зупинимось на першому, що вам потрібно освоїти: найважливіші формати зображень і коли слід використовувати кожен із них.
Для початку роботи з зображеннями, перше, що потрібно знати найважливіші формати зображень. Вони відрізняються різними характеристиками, тут ми зупинимося на двох: стиснення та кольорова обробка.
Що ви тут знайдете?
В даний час використовуються практично всі формати стиснення, ми повинні розрізняти стиснення без втрат який зберігає всю оригінальну інформацію та стиснення з втратами що "обманює" користувача, користуючись слабкими сторонами людського зорового сприйняття та спрощуючи деталі зображення, які він не сприйме.
В останньому випадку, як тільки процес застосовується, інформація втрачається і не може бути відновлений, стільки, скільки в кіно і на телебаченні вони хочуть, щоб ми думали інакше справжня нісенітниця, подібна до наступної послідовності:
Існує багато форматів для стиснення цифрових зображень, для практичності ми зупинимось на трьох найбільш часто використовуваних: JPG (або JPEG), GIF Y PNG. Наприклад: дуже часто цифрові камери зберігають зображення у форматі JPG, найбільш часто використовуваному для фотографій.
Щоб змінити свій розмір, дозвіл або Формат Ви повинні використовувати редактор зображень, наприклад Photoshop, GIMP або Paint.NET.
Глибина кольору
Кожен піксель (точка) зображення має кольорове кодування, для цього використовується певна кількість бітів, чим більше глибина кольору, тим більше бітів і, отже, більший розмір файлу для зображення з певною роздільною здатністю. Таким чином, 8-бітове кодування кольорів вимагатиме вдвічі більше місця для зберігання, ніж 16-бітове кодування.
Ви присвячуєте себе веб-дизайну, але не можете зробити його прибутковим?
Ну тоді відкрийте безкоштовний курс що ваше життя змінилося б, коли ви починали як веб-дизайнер-фрілансер -.
Клацніть на кнопку нижче, щоб виявити:
- Чого не вдається. Чому інші живуть на це, і це вам так дорого коштує?
- секрети, щоб випередити своїх конкурентів направо.
- Як помножте свій дохід на три не створюючи більше веб-сайтів і не підвищуючи ціни.
- 16 слів і повідомлень про продаж що повинен робити кожен дизайнер видалити зі свого веб-сайту.
- Як зробити € 400 веб-сторінок менш ніж за 4 години.
І це лише 5 прикладів із загальної кількості 18 відео із записом понад 5 годин абсолютно безкоштовно (так, дійсно безкоштовно).
У таблиці нижче показано найпоширеніші варіанти глибини кольору, Зверніть увагу, що кількість доступних кольорів зростає в геометричній прогресії із збільшенням кількості бітів:
| Кількість бітів | Максимальна кількість кольорів |
| 8 | 256 |
| 16 | 65 536 |
| 24 (справжній колір, покриває, навіть перевищує кількість кольорів, що сприймаються людиною) | 16 777 216 |
| 32 (підтримка справжнього кольору та рівня прозорості) | 16 777 216 + 256 рівнів прозорості |
Формати зображень та їх основні відмінності
Щоб вибрати правильний формат зображення, потрібно оцінити його вмісту (фотографії, графіки тощо), якість (залежно від місця призначення: друк на папері, публікація в Інтернеті ...) та Розмір файлу. Подивимось тепер, як у цьому сенсі відрізняються формати зображень.
Формат GIF
Зображення GIF може містити від 2 до 256 кольорів між 16,8 мільйонами його палітри. Тому, Через обмежену кількість кольорів зображення, створені в цьому форматі, зазвичай дуже малі.
Однак, оскільки його алгоритм стиснення (без втрат) LZW був власним, всі видавці програмного забезпечення, що використовують зображення у форматі GIF, повинні були платити роялті Unisys, компанія, яка володіє правами. Це одна з причин формат PNG стає все більш популярним, на шкоду формату GIF.
Коли зручно використовувати формат GIF?
- Коли зображення є маленький
- Коли a анімація для використання в Інтернеті.
- Коли зображення має 256 кольорів або буде добре виглядати з такою кількістю кольорів.
- Якщо зображення містить високі контрасти або великі кольорові блоки.
Якщо вам потрібна хостинг для вашого веб-сайту або вашого блогу, дійте!
- Хостингер: зі знижкою 90% тут
- SiteGround: зі знижкою 60% тут
- Webempresa: зі знижкою 25% тут
- Мережі Райоли: зі знижкою 20% тут
Увага: ці пропозиції дійсні зараз, може закінчитися через кілька днів.
Формат JPG
JPEG (Об’єднана група експертів із фотографії) або JPG підтримує 16,7 млн кольорів (24 біти) і Він найбільш часто використовується (і підходить) для фотознімків. На відміну від GIF, використовувати стиснення з втратами. Регулює рівень якості варіюючи рівень втрат від 0% (без втрат) до екстремальних значень, які зазвичай вже означають приведення зображення в непридатність.
Це чудово видно на попередньому зображенні кошеняти, яке надмірно стисло для ілюстрації цього ефекту.
JPG може бути придатним, коли:
- Потрібні 24-розрядні зображення (16,7 млн кольорів).
- Коли зображення є фотографувати або містить суцільні тони. Nабо дуже добре виконує свою функцію із схемами, знімками екрану, коміксами, мультфільмами чи іншими висококонтрастними зображеннями.
- Вони будуть використовуватися для вашого розповсюдження в Інтернеті, ви хочете тому a мінімальна вага від того самого.
- Фотографії з зменшений розмір файлу.
Формат PNG
Цей формат був розроблений для подолати обмеження GIF Y використовувати a стиснення без втрат, на нього не поширюються патенти на використання GIF.
Формат дозволяє справжні кольорові зображення, відтінки сірого Y 8-бітна палітра. Як і GIF, він підходить для зображень із незначними варіаціями кольорів. У цих випадках, на відміну від JPG, він буде відтворювати зображення ідеально, ліворуч ви можете побачити порівняння між поведінкою стисненого JPG із втратою PNG.
Тому формат PNG буде підходящим, коли ви хочете:
- Працювати з рівні прозорості (альфа-канал).
- Стиснення без втрат для кольорових зображень із високою роздільною здатністю та високою контрастністю.
- Високоякісні зображенняпри стисненні без втрат.
Формат BMP
BitMaP - це власний формат операційної системи Windows від Microsoft та найпростіший з усіх: визначає значення кожного пікселя, одне за одним, знизу вгору та зміщення рядків зліва направо. Дані можна стискати, але цей параметр використовується рідко.
Його велика проблема в тому генерує величезні файли і, отже ніколи не слід використовувати, повністю поза фазою і згадується лише для того, щоб точно наполягати на тому, щоб користувач уникав його використання.
Формат RAW
Цей формат також згадується для повноти більше, ніж для практичного використання читачем статті. Формат RAW (англійською мовою Untuturbed або у природній формі, у випадку зображень, що розуміються як Формат зображення без стиснення чи необробленого), є формат цифрового зображення, що містить усі дані зображення, записані цифровим датчиком цифрової камери.
Зазвичай мають більша глибина колір (36 або 48 біт) і вважається професійно-орієнтований формат, для подальшої обробки зображень.
Про автора: Берто Лопес
Am автор та співзасновник цього блогу, та інженер-комп’ютер за освітою.
Я так багато був працевлаштований як підприємець, остання вже майже десять років, коли я працюю над реалізацією технологічних проектів у секторах із значними недоліками в знаннях нових технологій, таких як роздрібна торгівля та МСП.
Те, що я прожив у цьому досвіді, було натхнення для створення блогу: розголошувати величезні можливості, приховані веб-2.0 та інтернет-маркетингом і що більшість людей, особливо дрібні спеціалісти та підприємці, вони не користуються перевагами.
У цьому блозі я хочу підвищення обізнаності, мотивувати їх і допомогти їм розвивати свій справжній потенціал і виявіть, що, крім того, ви можете чудово провести час:)
Вам сподобалось це читання?
Ну приєднуйтесь до Citizen 2.0 "VIP-зона". Це безкоштовно:)
Ми вже є +30000. Натисніть на кнопку і відкрийте для себе все, що вона вам пропонує.
Підпишіться на
Citizen 2.0 "VIP" зона
Ви отримаєте доступ відеоуроки для створення веб-сайтів, інтернет-магазинів тощо., до Електронні книги про SEO та копірайтинг та багато інших ексклюзивні ресурси та завантаження.
І все 100% безкоштовно:)
чуйний цього сайту - Wenova Online S.L., чия призначення - це надсилання інформації та навчання з ведення блогів та Інтернет - маркетингу з легітимація Вашої згоди, наданої у формі.
адресат з ваших даних (інструмент, який ми використовуємо) - це Mailrelay. Він розташований в Іспанії, і ви можете здійснювати свої права доступу, виправлення, обмеження або видалення ваших даних (див. Політику конфіденційності).
Чи хотіли б Ви прочитати трохи більше про цю чи інші теми?
Коментарі
- каже Відаль
Педагогічна експозиція. Дякую.
- каже Анхель Фелісіано
Відмінне професійне керівництво ... Дякую за ці чіткі та точні вказівки
- каже Маркос
Я потрапив сюди, бо розмістив зображення обкладинки, яке завантажується приблизно 5 секунд ха-ха. Навіть після стиснення зображень Webempresa та використання Wp Super Cache я перебуваю за 2,5 секунди часу завантаження. У мене відсутні субдомени для статичних файлів, які я збираюся створити. Але чітко роз'яснена тема зображень чудова, адже всі ми використовуємо зображення і ніколи не дивимось на їх відмінності. Обійми 🙂
Каже Берто Лопес
Чудово, я так рада, що публікація вам допомогла 🙂
Всього найкращого!
Берто
- каже Наомі
Здравствуйте
Які розміри ширини та висоти потрібно розмістити, щоб зображення поста ідеально вписувалося в рамку цієї статті?
Дякую
Привітання
Наомі
Каже Берто Лопес
Немає фіксованого значення, яке залежить від дизайну вашого блогу (його "тема" у випадку WordPress).
Зазвичай це значення між 600-700 пікселів, моя порада бути практичним: експериментуйте з різними тестовими зображеннями в цьому діапазоні і подивіться, як вони виглядають.
Всього найкращого!
Берто
- каже Наомі
Гаразд, Берто, тож я зроблю це, щоб побачити, як це мені підходить.
Дякую
Привітання
- каже Лілі
Як мені зробити фотографію з прозорим фоном, щоб зробити те, що ви показали у підручнику з обкладинки Facebook? Не могли б ви мені допомогти?
Каже Берто Лопес
У будь-якому випадку, враховуючи інтерес до цієї теми, ми зробимо власний підручник найближчими тижнями.