A nyers képernyőkép laposan hat egy tweetbe, diába vagy landing page-be illesztve. Ez az eszköz szép színátmenetre (vagy egyszínű háttérre) helyezi, levegős margót ad hozzá, lekerekíti a sarkokat, és lágy árnyékot tesz alá — azt a csiszolt megjelenést, amelyet a termék-képernyőképeken mindenhol látsz. Válassz képarányt a közösségi médiához, vagy hagyd automatikusan.
Minden élőben áll össze egy canvason a böngésződben, és PNG-ként exportálódik. A képernyőképed — amely akár privát adatokat is mutathat — soha nem kerül feltöltésre.
Használat
- Adj hozzá egy képernyőképetHúzd be a képet, amelyet fel szeretnél dobni.
- Formázd a keretetVálassz hátteret, margót, saroklekerítést és árnyékot; ha kell, válassz képarányt.
- PNG letöltéseMentsd el a csiszolt képet, készen a közösségi médiára, dokumentumokba vagy diákba.
Változtass egy nyers képernyőképet termék-képernyőképpé
A képernyőkép-szépítő a felvételedet egy háttérre helyezi, és hozzáadja azt a három dolgot, amitől egy képernyőkép megtervezettnek tűnik, nem odakapottnak: margót a kép körül, lekerekített sarkokat magán a képernyőképen, és egy lágy vetett árnyékot, amely leemeli a felületről. Válassz előre elkészített színátmenetet, egyszínű vagy átlátszó hátteret, állítsd az egyes vezérlőket, és nézd, ahogy az előnézet élőben frissül a PNG exportálása előtt.
Mindez egy canvason áll össze a böngésződben, így a képernyőkép soha nem kerül feltöltésre. Ez azért fontos, mert egy képernyőkép privát üzenetet, számlát, irányítópultot vagy tokent tartalmazhat a címsorban — az árnyék hozzáadása nem jelentheti azt, hogy bármelyiket szerverre küldöd. Nincs fiók, és az oldal betöltése után offline is működik.
A megfelelő forma bárhová is kerül
Minden hely, ahová képet posztolsz, kedvel egy formát. Rögzítsd a kimenetet 16:9-re diasorokhoz és széles közösségi kártyákhoz, 1:1-re négyzetes Instagram- vagy LinkedIn-poszthoz, 3:4-re magas képhez, amely többet tölt ki a telefon képernyőjéből, vagy hagyd Automatikuson, hogy a keret a képernyőképet és a margóját ölelje körbe. Ha rögzítesz egy arányt, a margó tölti ki a keret többi részét, így az export kínos vágás nélkül illeszkedik a helyére.
Állítsd a hátteret átlátszóra, és a PNG üres margóterülettel exportálódik — a margó, a saroksugár és az árnyék mind megmarad, csak az árnyék mögötti kitöltés tűnik el. Ezt a verziót helyezed a saját hátteredre Figmában, Keynote-ban vagy egy bélyegképen.
Mire használják
Bevezetési és changelog-képek — Lebegtesd a termék-képernyőképet lágy színátmeneten, hogy a kiadási poszt vagy a changelog átgondoltnak tűnjön, ne nyersnek.
Csiszolt tweetek és szálak — Adj margót, lekerekített sarkokat és halvány árnyékot, hogy a képernyőképed ne ütközzön a körülötte lévő szöveggel.
Diasorok — Exportálj 16:9-ben, tiszta háttérrel, hogy a képernyőképek egységesen üljenek végig a prezentációban.
Négyzetes közösségi posztok — Rögzítsd 1:1-re, hogy a széles képernyőkép vágás nélkül férjen el az Instagram- vagy LinkedIn-rácsban.
Figma- és Keynote-elemek — Exportálj átlátszó háttérrel, hogy megmaradjanak a lekerekített sarkok és az árnyék, majd helyezd a saját elrendezésedre.
Dokumentációs fejlécek — Tedd a képernyőképet egyszínű márkaszínre, rendezett, márkahű nyitóképnek a dokumentációba vagy wikibe.
Miért az IMG.DIY
Színátmenet vagy egyszínű
Előre elkészített színátmenetek vagy bármilyen egyszínű háttér.
Margó és lekerekítés
Levegős térköz és lekerekített sarkok.
Lágy árnyék
Állítható mélység a lebegő hatáshoz.
Privát
Helyben áll össze — soha nem kerül feltöltésre.