Зображення

Змінюйте розміри, обрізайте та повертайте фотографії, прибирайте тло й обирайте між растром і вектором. Почніть із потрібного результату та перевірте зображення після експорту.

Зображення HTML і дизайн WordPress Банери й рух

Назва, завдання або інструмент

Знайдено: 11

Пошук працює локально за назвами й описами. Без JavaScript повний перелік доступний нижче.

Як зменшити фото й зберегти деталі

Розмір у пікселях, розмір файлу та розмір на сторінці — різні величини. Спочатку визначте місце зображення, потім підготуйте потрібні пікселі й лише після цього налаштовуйте стиснення.

Прозоре тло без білої облямівки

Прозорість зберігається в альфа-каналі. Шахова підкладка редактора допомагає її побачити, але не має потрапити до експортованого зображення.

Растр чи вектор: вибираємо за завданням

Фотографія складається з пікселів, а векторний малюнок описує форми. Вибирайте формат за змістом, а не за правилом «вектор завжди кращий».

Знімок екрана, який допомагає розв’язати проблему

Корисний скриншот показує помилку та її контекст, але не розкриває паролі, листування чи платіжні дані. Виберіть область і перевірте збережений файл перед надсиланням.

Вирізати фрагмент фото й зберегти оригінал

Кадрування змінює межі кадру, а масштабування — кількість пікселів. Якщо переплутати ці дії, предмет або обличчя можуть розтягнутися.

Чіткіше фото без ореолів

Підвищення різкості посилює локальний контраст. Воно не відновлює достовірних деталей, яких немає в оригіналі, і не замінює правильного фокусування.

Чорно-біле фото: керуємо світлом, а не лише кольором

Знебарвлення й осмислене чорно-біле опрацювання дають різні результати. Важливе розділення предмета й тла за світлістю.

Повернути зображення, шар або горизонт

Поворот усього полотна та трансформація окремого шару — різні дії. Спочатку визначте, чи потрібно змінювати весь документ.

Дзеркальне відображення всього кадру чи предмета

Віддзеркалення міняє місцями лівий і правий боки, а не повертає картинку. Воно допомагає композиції, але може змінити зміст фото з текстом або впізнаваним місцем.

Заокруглені кути без зайвого файлу

Для вебсторінки заокруглення часто зручніше зробити CSS. Сам файл змінюють, коли він використовуватиметься поза вашим макетом або має містити прозорі кути.

Рамка навколо зображення: де її створювати

Рамка може бути частиною фото або інтерфейсу. Рамку картки простіше змінити CSS, а художнє обрамлення — у робочому документі.