Chrome Web Store-skjermbildegenerator
Lag profesjonelle Chrome Web Store-skjermbilder med nettleserkadre, kampanjetekst og merkevaremerket bakgrunn for utvidelsesoppføringer
Dette verktøyet behandler alle data lokalt på enheten din.
Inndata
Skjermbilde
Tekstinnhold
Oppsett
Tekstposisjonering
px
px
Bildeposisjonering
%
px
px
Bakgrunn
Tekststil
%
Enhetsstil
Utdata
Forhåndsvisning
100%
Skjermbilder
Les meg
Hvorfor er Chrome Web Store-skjermbilder viktige?
Chrome Web Store-skjermbilder er det første visuelle inntrykket potensielle brukere får når de blar gjennom utvidelsesoppføringer. Google tillater opptil femPromosjonale bilder med en anbefalt oppløsning på 1280×800 piksler. Godt designede skjermbilder med tydelige overskrifter, merkevarefarger og enhetsmockups kan betydelig øke installasjonsfrekvensen ved å vise brukerne hva utvidelsen gjør før de forplikter seg til å laste den ned. Mange vellykkede utvidelser bruker kommenterte skjermbilder — som kombinerer faktiske brukergrensesnittopptak med promotekst og polerte bakgrunner — i stedet for bare råe skjermbilder.
Verktøybeskrivelse
Dette verktøyet lar deg lage profesjonelle, klare-til-opplasting promoskjermbilder for Chrome Web Store-oppføringer uten noen designprogramvare. Last opp et skjermbilder av utvidelsen din, legg til en overskrift og undertittel, velg en layoutmal, og tilpass bakgrunnen, typografi og enhetskader. Resultatet er et pikselkorrekt bilde som oppfyller Chrome Web Store-størrelseskrav og kan lastes ned som PNG eller JPEG.
Funksjoner
- Forhåndsinnstilte og egendefinerte størrelser — velg Chrome Web Store (1280×800), HD, Full HD, eller skriv inn egendefinerte dimensjoner
- Layoutmaler — plasser tekst og bilde i fire arrangementer: tekst øverst, nederst, til venstre eller til høyre i forhold til skjermbildet
- Nettleserenhetsramme — pakk skjermbildet ditt inn i en realistisk nettleserramme med macOS-stil trafikklysknapper og adressefelt
- Gradient- og ensfarget bakgrunner — velg ensfarget eller tofarget gradient med seks retningsalternativer
- Full typografikontroll — velg skriftfamilie, vekt, størrelse, farge, justering og undertittelgjennomsiktighet
Alternativer forklart
| Alternativ | Beskrivelse |
|---|---|
| Utdatastørrelse | Forhåndsinnstilte størrelser (1280×800, 1280×720, 1920×1080) eller egendefinert bredde og høyde |
| Maloppsettet | Hurtigforhåndsinnstillinger som arrangerer tekst og bilde: topp/bunn eller venstre/høyre deling |
| Enhetskader | Pakk skjermbildet inn i en nettleserramme eller vis det uten ramme |
| Tekstplassering | Kontroller vertikal og horisontal plassering av overskrift og undertittel, pluss pikselforsettinger |
| Bildeplassering | Kontroller vertikal og horisontal plassering av skjermbildet, pluss pikselforsettinger |
| Skjermbildeskala | Endre størrelse på skjermbildet fra 30% til 100% av det tilgjengelige området |
| Bakgrunnstype | Solid enkeltfarge eller lineær gradient mellom to farger |
| Gradientretning | Seks retninger inkludert vertikal, horisontal og diagonal |
| Skrift | Åtte skriftfamilier inkludert System UI, Arial, Georgia og monospace-alternativer |
| Skriftvekt | Seks vekter fra Regular (400) til Black (900) |
| Overskrift / Undertittelskriftstørrelse | Uavhengige størrelsesglider for overskriften (24–160 px) og undertittelen (16–100 px) |
| Undertittelgjennomsiktighet | Kontroller hvor fremtredende undertittelen vises (20–100%) |
| Rammefarve | Angi nettleserrammefargen når nettleserenhetskader er valgt |
| Vis skygge | Slå av/på en skygge bak skjermbildet eller enhetskader |
| Avrundede hjørner | Legg til avrundede hjørner til skjermbildet når ingen enhetskader brukes |
| Utdataformat | Eksporter som PNG (tapsfritt) eller JPEG (mindre filstørrelse) |
Brukstilfeller
- Utvidelsesutvikling som forbereder promobilder for en Chrome Web Store-oppføring som fremhever nøkkelfunksjoner med kommentert tekst
- Produktteam som lager konsistente merkevarebilder på tvers av flere utvidelser eller utvidelsesoppdateringer
- Frilansere og byråer som raskt genererer polerte mockups for klientpresentasjoner uten å åpne Figma eller Photoshop
Tips
- Bruk gradientbakgrunnen med subtile fargeforskjeller for et profesjonelt utseende — store fargehopp kan distrahere fra selve skjermbildet
- Hold overskrifter korte (3–5 ord) og øk skriftstørrelsen slik at de forblir lesbare i miniatyrskala i Web Store-søkeresultater
- Når du bruker nettleserrammen, angir du rammefargen til å samsvare med bakgrunnen din for et sømløst utseende
- Eksporter som PNG for maksimal kvalitet når du laster opp til Chrome Web Store; bruk JPEG bare hvis du trenger en mindre fil for andre formål
Lignende verktøy
Generer tilpassbare SVG-plassholderbilder med tekst, farger og dimensjoner for webutvikling og designmockups.
Legg til egendefinerte tekstvannmerker på bildene dine. Beskytt fotoene dine med opphavsrettstekst, merkevare eller signaturer. Tilpass tekstfarge, kantlinje, bakgrunn og posisjon. Forhåndsvis i sanntid og last ned vannmerkede bilder umiddelbart.
Generer realistiske TV-statiske støyeffekter med justerbar intensitet og fargemodus. Lag vintage CRT-TV-skjermstøy for videoer, bakgrunner eller kunstneriske prosjekter.
Del
Bygg inn
Integrer dette verktøyet hvor som helst gratis. Trenger du hjelp? Sjekk ut vår guide.
424 tegn
Ansvarsfraskrivelse
Verktøyene som tilbys på dette nettstedet er utformet for å hjelpe brukere med å løse ulike problemer. Selv om vi gjør vårt beste for å sikre at verktøyene er nøyaktige og effektive, gir vi ingen garantier for at resultatene fra noe verktøy vil være 100 % nøyaktige eller feilfrie. Resultatene som genereres av disse verktøyene tilbys som de er, og bør brukes med forsiktighet. Vi anbefaler at brukere verifiserer viktig informasjon eller resultater med ytterligere ressurser eller profesjonell rådgivning, da vi ikke kan holdes ansvarlige for konsekvenser som følge av bruken av disse verktøyene. Ved å bruke dette nettstedet, godtar du å påta deg alle risikoer knyttet til nøyaktigheten og bruken av resultatene som tilbys.