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 böngésző natív képernyőmentései (OS-szintű eszközökkel, mint a Cmd+Shift+4 vagy a Vágóeszköz) az egész képernyőt rögzítik, beleértve a böngésző kereteit, eszköztárait és más ablakokat is. A görgetéssel elérhető tartalmat nem tudják befogni. A DevSuite Képernyőkép eszköze mindkét problémát megoldja — kizárólag a weboldal tartalmát rögzíti (böngészőfelület nélkül), és képes végiggörgetni a teljes oldalon, hogy egy zökkenőmentes, teljes oldalas képet hozzon létre.
A látható terület mód a Chrome natív rögzítő API-ját használja a pixelpontos eredményért. A teljes oldal mód automatikusan görgeti az oldalt, minden egyes nézetablaknyi részt befog, majd összefűzi őket egyetlen folyamatos képpé. A kimenet teljes felbontású PNG (a kijelző eszközpixel-arányának megfelelően), így a képernyőképek élesek Retina és nagy DPI-jű kijelzőkön is.
A rögzített (fixed) és ragadós (sticky) elemeket (fejlécek, cookie-bannerek, chat-widgetek) az eszköz automatikusan kezeli a teljes oldalas rögzítés során: mivel a valódi oldalt görgeti, nem pedig egy fejnélküli renderelő csempéiből állítja össze a képet, minden, ami a nézetablakhoz van rögzítve, egyszer, a helyes pozícióban kerül rögzítésre ahelyett, hogy minden csempén megismétlődne. A lusta betöltésű képek és azok a tartalmak, amelyek csak akkor renderelődnek, ha görgetéssel láthatóvá válnak, természetes módon aktiválódnak, ahogy a rögzítés elgörget mellettük, így a végső kép azt tükrözi, amit egy valódi látogató is látna, nem pedig egy üres helykitöltő rácsot — ez különösen fontos a képekben gazdag landing oldalaknál és a hosszabb cikkeknél.
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.
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.
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.
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.
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.
Á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.
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.
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.
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.
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é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.
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.
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.
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.
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.
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.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.
