← Vissza a funkciókhoz
Free

Képernyőkép és rögzítés

A Képernyőkép és rögzítés eszköz túlmutat az egyszerű képmetszésen. Lehetővé teszi teljes oldalak, konkrét görgethető területek vagy egyedi DOM elemek rögzítését pixelpontos minőségben, beépített annotációs eszközökkel a gyors visszajelzéshez.

A webfejlesztőknek és designereknek gyakran kell képernyőképeket készíteniük hibajelentésekhez, dokumentációhoz vagy jóváhagyási folyamatokhoz. A böngésző alapértelmezett eszközei gyakran nehézkesek, vagy nem kezelik jól a fixen rögzített (sticky) elemeket a hosszú oldalakon. Eszközünk megoldja ezeket a problémákat: intelligensen kezeli a görgetést a 'Full Page' módban, lehetővé teszi a kiválasztott elemek (például egyetlen modal vagy gomb) izolált rögzítését, és azonnali szerkesztőfelületet biztosít nyilakkal, szövegekkel és homályosító (blur) funkcióval az érzékeny adatok elrejtéséhez.

Élő előnézet
example.com/landing-page
Visible Area
Full Page
PNG · Full Resolution
Capture Area
Capture Info
Width1440px
Height900px
FormatPNG
Scale2x
Download
Főbb jellemzők

Teljes oldalas rögzítés

Készítsen egyetlen, folyamatos képernyőképet a weboldal tetejétől az aljáig. Az algoritmusunk automatikusan kezeli a görgetést és összefűzi a képeket, kiküszöbölve a duplázódó fejléceket vagy a vágási hibákat.

Elem-specifikus screenshot

Ne vesztegesse az időt a képek utólagos vágásával. Mutasson rá bármelyik HTML elemre, és rögzítse pontosan azt a területet transzparens háttérrel vagy anélkül.

Beépített annotáció

Adjon hozzá nyilakat, téglalapokat és szöveges megjegyzéseket közvetlenül a rögzítés után. Emelje ki a hibákat vagy magyarázza el a változtatásokat anélkül, hogy külső képszerkesztőt kellene megnyitnia.

Érzékeny adatok elhomályosítása

Védje meg a magánéletet és a bizalmas adatokat. A 'Blur' eszközzel másodpercek alatt olvashatatlanná teheti a neveket, e-mail címeket vagy API kulcsokat a képernyőképen.

Különböző export formátumok

Mentse el munkáját PNG vagy JPG formátumban, vagy másolja közvetlenül a vágólapra, hogy azonnal beilleszthesse Slack-be, Jirába vagy e-mailbe.

Késleltetett rögzítés

Állítson be 3 vagy 5 másodperces időzítőt, hogy legyen ideje megnyitni egy legördülő menüt, modalt vagy elindítani egy hover állapotot a rögzítés előtt.

Gyakori használati esetek

Hiba jelentése fejlesztőknek

Készítsen egy képernyőképet a vizuális hibáról, rajzoljon egy piros nyilat a problémás részre, és írjon mellé egy rövid megjegyzést. Így a fejlesztők azonnal látni fogják, hol a hiba.

Design felülvizsgálat és visszajelzés

Rögzítse az elkészült landing oldalt teljes terjedelemben, és jelölje meg azokat a pontokat, ahol a térközökön vagy a betűméreteken módosítani kell. Ideális eszköz designerek és ügyfelek közötti kommunikációhoz.

Dokumentáció készítése

Készítsen tiszta, elem-alapú képernyőképeket a felhasználói felület összetevőiről a technikai dokumentációhoz vagy a belső tudásbázishoz.

Komponens-könyvtár építése

Rögzítse a weboldalak specifikus elemeit (gombok, navigációk, kártyák) izoláltan, hogy inspirációként elmentse őket a saját UI könyvtárába.

Közösségi média és marketing

Készítsen látványos képernyőképeket az elkészült munkáiról portfóliójához vagy közösségi média posztokhoz. A pixelpontos rögzítés biztosítja a professzionális megjelenést minden platformon.

Használati útmutató
1

Rögzítési mód kiválasztása

Kattintson a Képernyőkép ikonra, és válasszon: Látható terület, Teljes oldal vagy Elem kiválasztása. Az eszköz felkészül a rögzítésre.

2

Terület rögzítése

Ha az 'Elem kiválasztása' módot választotta, kattintson a kívánt elemre. Ha a 'Teljes oldal' módot, várja meg, amíg az eszköz végiggörgeti az oldalt.

3

Annotálás és szerkesztés

A rögzítés után megnyílik a szerkesztő ablak. Használja az eszköztárat megjegyzések hozzáadásához, fontos részek bekeretezéséhez vagy a felesleges részek levágásához.

4

Adatvédelem (opcionális)

Ha a kép bizalmas információkat tartalmaz, használja a homályosítás (blur) eszközt az érintett területeken a biztonságos megosztás érdekében.

5

Mentés vagy megosztás

Kattintson a letöltés gombra a fájl mentéséhez, vagy válassza a 'Másolás a vágólapra' opciót a gyors megosztáshoz.

Készen áll a kipróbálásra? Képernyőkép és rögzítés?

Telepítse ingyen a DevSuite Pro-t, és oldjon fel 39+ fejlesztői eszközt böngészőjéhez.

Hozzáadás a Chrome-hoz Hozzáadás az Edge-hez Hozzáadás a FireFoxhoz