Skærmbillede-ramme
Pak skærmbilleder ind i en lys eller mørk browserlinje, et macOS-vindue eller uden ramme, placer dem på 8 gradient- eller ensfarvede baggrunde og eksportér et poleret PNG i 1x eller 2x. Gratis, uden vandmærke, helt i browseren.
Hvad gør skærmbillede-rammen?
Den pakker dit skærmbillede ind i en realistisk skal — en lys eller mørk browseradresselinje, et macOS-vindue med klassiske trafiklyspunkter eller helt uden ramme — placerer det på en gradient- eller ensfarvet baggrund og eksporterer et færdigt PNG til dokumentation, opslag eller butikssider.
Kan jeg tilpasse teksten i browserlinjen?
Ja. Feltet URL eller titel styrer teksten, der tegnes i adresselinjen på browserskallerne, og den centrerede vinduestitel i macOS-skallen, så din mockup kan vise hvilket som helst domæne eller label.
Hvilke baggrunde findes?
Otte nøje udvalgte flertrinsgradienter plus en farvevælger til vilken som helst ensfarvet baggrund. Forhåndsvisningen opdateres øjeblikkeligt ved skift.
Hvad styrer radius, margen og skygge?
Hjørneradien runder rammevinduet fra 0 til 24 px, margenen tilføjer 0–64 px luft mellem skal og skærmbillede, og skyggestyrken 0–100 procent styrer, hvor meget vinduet løftes fra baggrunden.
Skal jeg eksportere i 1x eller 2x?
Brug 1x til hurtig deling og 2x, når billedet vises på retina-skærme eller zoomes, f.eks. i dokumentation eller butiksgalleri. 2x-eksporten fordobler bredde og højde for skarphed.
Bliver mine skærmbilleder uploadet noget sted?
Nej. Kompositionen sker helt på et canvas-element i din browser, og det eksporterede PNG oprettes lokalt. Dine billeder forlader aldrig din enhed.
Hvordan får jeg skærmbilledet ind i værktøjet?
Tre måder: klik på uploadområdet og vælg en fil, træk et skærmbillede derhen, eller indsæt det direkte fra udklipsholderen med indsæt-genvejen.
Hvor bruges indrammede skærmbilleder?
Overalt, hvor et rent produktbillede hjælper: readme-filer og dokumentation, blogindlæg, changelogs, tweets, dribbble-shots, præsentationer samt gallerier i app- og udvidelsesbutikker.
Sådan bruges Skærmbillede-ramme
Denne rammer gør et råt skærmbillede til et præsentationsklart billede uden noget designværktøj. Den pakker skuddet ind i en lys eller mørk browser-adresselinje, et macOS-vindue med trafiklys-knapper, eller lader den nøgen, lægger den på én af otte gradienter eller enhver ensfarvet farve og komponerer alt live på et lærred. Radius, polstring, skygge og adresselinjeteksten er alle justerbare, og PNG-eksporten kører lokalt i din browser.
- Træk et skærmbillede til uploadområdet, klik for at vælge en fil, eller indsæt en fra udklipsholderen.
- Vælg en ramme i Ramme-vælgeren: Browser lys, Browser mørk, macOS-vindue eller Ingen ramme.
- Vælg en baggrund: klik på en af de otte gradientprøver, eller vælg enhver ensfarvet farve med farveprøven til højre.
- Redigér URL- eller titeltekstfeltet for at ændre etiketten, der tegnes i browserlinjen eller macOS-titlen, og finjustér hjørneradius, polstring og skygge med de tre skydere.
- Skift eksportskala mellem 1x og 2x, tjek live-forhåndsvisningen og tryk Eksportér PNG for at gemme dit-skærmbildenavn_frame.png.
Til dokumentation og appbutiksgallerier brug 2x-eksporten — den fordoblede opløsning forbliver skarp på retina-skærme, mens 1x holder filerne små til chats og sociale opslag.
Relaterede værktøjer
- Kode til Billede Konverter kodestykker til delbare billeder med syntaksfremhævning, tilpassede temaer og vinduesdekorationer. 100% privatliv, alt i din browser.
- Billedkollage Gratis billedkollage-skaber online. Kombiner billeder med layout-skabeloner eller lang billed-sammenføjning. Tilføj annoteringer, vandmærker og eksporter som JPG eller PNG.
- Billedkomprimering Komprimer JPEG-, PNG- og WebP-billeder i din browser. Juster kvalitet, ændr størrelse og konverter formater uden upload.
- Billedvandmærke Tilføj tekst- eller billedvandmærke på fotos gratis online. Juster position, opacitet, størrelse, skrifttype og fliselægning. Beskyt dine billeder med det samme.
- Ændr Billedstørrelse Ændr billedstørrelse til enhver dimension med låst billedformat og procentskalering. 100% i browseren, ingen upload.
- GIF Opdel Billeder Udtræk og download enkelte billeder fra GIF-animationer som PNG eller sprite-sheet. Gratis onlineværktøj med forhåndsvisning og ZIP-eksport.
- GIF Baglæns Omvend afspilningsrækkefølgen for GIF-animationer gratis online. Upload, forhåndsvis og download med det samme.
- GIF Hastighedsændrer Ændr GIF-animationshastighed online. Accelerer eller sænk hastigheden på GIF-filer øjeblikkeligt.