PixelPeek

Деталі зображення для дизайнерів: попап через контекстне меню, оверлей.

Pixel Peek — зручний інструмент для роботи з зображеннями прямо у браузері. Pixel Peek допомагає дизайнерам, фронтенд-розробникам і контент-редакторам швидко дізнатися все про будь-яке зображення без DevTools. Один клік — і ви бачите: оригінальні та відмальовані розміри, формат, "вагу" файлу, alt‑текст і навіть домен, ім’я файлу та його URL. Як це працює: • Клацніть правою кнопкою на зображенні → "Показати інформацію про зображення". • Відкриється спливаюче вікно з усіма деталями. • Наведіть курсор — отримаєте компактний бейдж з ключовими параметрами. Основні можливості Попап: • Оригінальні та відмальовані розміри • Співвідношення сторін (aspect ratio) • Формат (jpg, png, webp, avif тощо) • Розмір файлу* • Домен, ім’я файлу, URL і alt‑текст • Кнопки копіювання • Зручне позиціювання та переміщення Бейдж (оверлей): • Відображення: "оригінал", "на сторінці", формат, розмір файлу • Вибір кута, розміру бейджа та прозорості • Акуратна анімація появи/зникнення Налаштування: • Світла, темна або системна тема • Вибір мови (English / Українська) • Керування тим, що показувати в попапі та контекстному меню Кому стане в пригоді: • Дизайнерам — перевірка розмірів і форматів без інспектора • Фронтендерам — контроль відмальованих розмірів і aspect ratio • Контент‑командам — перевірка alt‑текстів і ваги перед публікацією • SEO та performance‑фахівцям — виявлення надто важких зображень Приватність: • Жодних даних ми не збираємо, не передаємо й не продаємо • Усі налаштування зберігаються локально (chrome.storage.sync) • Для визначення розміру файлу використовується лише прямий запит до зображення; ніякі зовнішні сервіси не використовуються Потрібні дозволи: • contextMenus — пункт у контекстному меню • storage — збереження налаштувань • host_permissions — щоб розширення працювало на будь-якому сайті Обмеження: • Деякі сервери можуть не дозволяти визначити розмір файлу • Зображення у CSS (background-image) поки не підтримуються • Сайти з кастомним контекстним меню можуть вимагати оновлення сторінки --- Pixel Peek економить час, позбавляє від зайвого копання в DevTools і робить роботу з картинками значно простішою.