Генератор тестових зображень для QA та завантаження

Процедурно згенеровані тестові зображення для перевірки потоку завантаження, QA обробки зображень і тестування сумісності переглядачів. Сім патернів (смуги SMPTE, градієнт сірого, RGB-градієнт, шахівниця, лінійна сітка, концентричні кола, однотонний колір) рендеряться на Canvas і експортуються у PNG, JPEG або WebP — оберіть роздільну здатність від 640×480 до 4K та якість 0–100 для форматів із втратами.

Як користуватися

Оберіть патерн зі списку — попередній перегляд оновиться миттєво.

Оберіть роздільну здатність і формат виводу (PNG / JPEG / WebP).

Налаштуйте якість для JPEG/WebP і натисніть «Завантажити».

Колірні смуги, відтінки сірого, градієнти та сітки — PNG, JPEG, WebP до 4K

Патерн

Роздільна здатність

Формат

Якість (0–100)

—

Можливості

Сім патернів — смуги SMPTE, клин сірого, градієнт, шахівниця, сітка, кола, однотонний

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

П’ять роздільних здатностей — 640×480, 720p, 1080p, 1440p, 4K

Розміри варіюються від 640×480 (VGA) до 3840×2160 (4K), щоб ви могли навантажити ліміти завантаження та перевірити конвеєри зменшення масштабу.

PNG (без втрат), JPEG і WebP з якістю 0–100 — один Canvas, три формати

Один і той самий Canvas експортується у три формати; повзунок якості 0–100 керує стисненням JPEG і WebP для тестування співвідношення розміру та артефактів.

Значок роздільної здатності вбудований у зображення — видимий ідентифікатор навіть після зміни розміру

Розміри у пікселях намальовані безпосередньо на зображенні, тому значок 1920×1080 на файлі, який ви отримуєте як 1280×720, точно вказує, де CDN або сервіс зміни розміру зменшив його.

Часті запитання

Коли який формат використовувати?

PNG — для тестів потоку завантаження, де важлива точна відповідність байтів, або для перевірки підтримки прозорих PNG. JPEG — для тестування поведінки фото-конвеєра та компромісу якість/розмір. WebP — коли потрібно перевірити підтримку декодера WebP; не всі старі браузери та переглядачі зображень можуть його відкрити.

Чому патерн шахівниці виглядає трохи нерівно при 4K?

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

Чи можна додати метадані EXIF?

Наразі ні — canvas.toBlob не записує EXIF. Для тестових зображень з EXIF скористайтеся спеціальним редактором EXIF або зробіть реальні фото з контрольованою камерою. Патерни тут призначені для тестування конвеєра / переглядача / завантаження, де метадані не є головним.

Навіщо значок роздільної здатності вбудований у зображення?

Щоб подальші конвеєри (CDN, сервіси зміни розміру, переглядачі), які мовчки зменшують зображення, все одно показували початкові параметри. Якщо значок відображає 1920×1080, а отриманий файл має розмір 1280×720 — ви точно знаєте, де відбулась зміна розміру.

💡 Хочете, щоб ми покращили цей інструмент спеціально для вас?

Звичайно! Просто надішліть нам коротке повідомлення з вашою ідеєю. Якщо хочете обговорити детальніше — залиште email, і ми зв’яжемося з вами. Можна залишитися анонімом.

Як ви оцінюєте цей інструмент?

Дякуємо за вашу оцінку!

Змінити мою оцінку

Хочете залишити коментар?

Хочете розповісти більше? Залиште коментар!

Дякуємо! Ваш коментар з’явиться після модерації.

Для кого цей інструмент?

Опубліковано 21 тра 2026 Автор: Верховний