Description from extension meta
Деталі зображення для дизайнерів: попап через контекстне меню, оверлей.
Image from store
Description from store
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 і робить роботу з картинками значно простішою.