Nástroje zdarma
Porovnání obrázků: najděte rozdíly
Přidejte screenshot před a po změně a uvidíte každý změněný pixel. Přejížděním nebo prolnutím odhalíte i posunutý layout.
Přidejte dva obrázky k porovnání
Nebo vložte screenshot pomocí Ctrl V či ⌘ V
Oba obrázky zůstávají ve vašem prohlížeči. Nic se nenahrává.
Další nástroje zdarma
- Analyzátor a čistič HAR souborů Odstraňte z HAR souboru cookies a tokeny, než ho pošlete dál, a najděte request, který selhal. Soubor neopustí váš prohlížeč.
- Informace o prohlížeči a prostředí Prohlížeč, OS, rozlišení a viewport na jednom místě. Vložte je do tiketu, nebo pošlete vývojáři odkaz.
- Velikost viewportu a obrazovky Aktuální rozměry okna, obrazovky a poměr pixelů. Podívejte se, který breakpoint Tailwindu nebo Bootstrapu právě platí.
- Kontrola a parsování user agentu Zjistěte svůj user agent a client hints. Nebo vložte řetězec a zjistěte prohlížeč, engine, OS a typ zařízení.
- Testovací čísla platebních karet Zkopírujte čísla karet pro testování checkoutu v sandboxu. Úspěšné platby, zamítnutí i 3D Secure.
Často kladené dotazy
Jak porovnat dva obrázky a najít rozdíly?
Přidejte původní obrázek jako Před a změněný jako Po: přetažením, výběrem nebo vložením. Pohled Rozdíl označí každý změněný pixel a každou změněnou oblast orámuje. Přejížděním nebo prolnutím zjistíte, jak na sebe obě verze sedí.
Nahrávají se moje obrázky někam?
Ne. Obrázky se načtou a porovnají ve vašem prohlížeči pomocí Canvas API. Nic se neposílá do Ybugu ani nikam jinam a po zavření záložky se nic neuloží.
K čemu je tolerance barev?
Určuje, jak moc se musí dva pixely lišit, aby se počítaly jako změněné. Při 0 % se počítá každá změna, včetně šumu z JPEG komprese. Výchozích 10 % ignoruje rozdíly, které oko nerozezná, třeba trochu jiné vyhlazování písma.
Můžu porovnat obrázky různé velikosti?
Ano. Oba obrázky se zarovnají do levého horního rohu a plocha, kterou pokrývá jen jeden z nich, se počítá jako změna. Pro čistý výsledek pořiďte oba screenshoty při stejné velikosti okna a stejném zoomu.
Můžu porovnat návrh designu s hotovým webem?
Ano. Vyexportujte návrh ve stejné šířce, jakou má okno prohlížeče, a pak udělejte screenshot hotové stránky při téže šířce. Na displejích s vysokou hustotou pixelů vycházejí screenshoty ve 2× nebo 3× větším rozlišení než CSS velikost, takže návrh vyexportujte ve stejném měřítku.
Našli jste, co se změnilo?
Nahlaste to přímo ze stránky. S Ybugem váš tým anotuje screenshot a pošle ho i s URL a detaily prohlížeče.
Vyzkoušet zdarmaInstalace během pár vteřin. Kreditní karta není potřeba.