Просто про створення сайтів і банерівЗображення · Код · WordPress

Зробіть.
Покажіть.
Запустіть.

WEB ARTICLE / WORKSHOP

Зрозумілі інструкції для тих, хто створює сайт власноруч. Від першої картинки до сторінки, яку зручно читати.

Виберіть завдання
Редакційна композиція: ноутбук, паперові макети й друковані зображення на столі
Редакційна ілюстрація, створена за допомогою ШІ.

Почніть з одного файлу

Усі посібники ↗
4000 × 300012 000 000 px
1600 × 12001 920 000 px
01 / Зображення

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

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

PhotoshopsrcsetWebP
Відкрити інструкцію

Розібратися й зробити

01

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

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

02

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

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

03

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

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

04

Замість Flash: посилання, рух і звичайний HTML

Adobe припинила підтримку Flash Player 31 грудня 2020 року. Встановлення застарілого плагіна не підходить для запуску сучасного сайту.

05

Захист WordPress: спочатку відновлення, потім плагіни

Один захисний плагін не замінить оновлень, розмежування доступу та перевіреної копії. Почніть зі здатності відновити сайт після помилки.

06

Читабельна стаття: рядок, ритм і контраст

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

THE WEB WORKBENCH

Менше здогадок. Більше перевірки.

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

Відкрити майстерню