Chrome Web Store-skärmbildsgenerator
Skapa professionella Chrome Web Store-skärmbilder med webbläsarramar, marknadsföringstext och märkta bakgrunder för tilläggslistningar
Detta verktyg bearbetar all data lokalt på din enhet.
Inmatning
Skärmbild
Textinnehål
Layout
Textpositionering
px
px
Bildpositionering
%
px
px
Bakgrund
Textstil
%
Enhetsstil
Utdata
Förhandsvisning
100%
Skärmbilder
Readme
Varför är Chrome Web Store-skärmbilder viktiga?
Chrome Web Store-skärmbilder är det första visuella intrycket potentiella användare får när de bläddrar bland tilläggslistor. Google tillåter upp till fem marknadsföringsbilder med en rekommenderad upplösning på 1280×800 pixlar. Väl utformade skärmbilder med tydliga rubriker, varumärkesfärger och enhetsmockups kan avsevärt öka installationsfrekvensen genom att visa användarna vad tillägget gör innan de bestämmer sig för att ladda ned det. Många framgångsrika tillägg använder kommenterade skärmbilder — som kombinerar faktiska användargränssnittsfångster med marknadsföringstext och polerade bakgrunder — snarare än bara råa skärmbilder.
Verktygsbeskrivning
Med det här verktyget kan du skapa professionella, färdiga marknadsföringsskärmbilder för Chrome Web Store-listor utan någon designprogramvara. Ladda upp en skärmbild av ditt tillägg, lägg till en rubrik och underrubrik, välj en layoutmall och anpassa bakgrunden, typografin och enhetskadren. Resultatet är en pixelperfekt bild som uppfyller Chrome Web Store-storlekskraven och kan laddas ned som PNG eller JPEG.
Funktioner
- Förinställda och anpassade storlekar — välj Chrome Web Store (1280×800), HD, Full HD eller ange anpassade dimensioner
- Layoutmallar — placera text och bild i fyra arrangemang: text överst, nederst, till vänster eller höger i förhållande till skärmbilden
- Webbläsarenhetskader — omslut din skärmbild med en realistisk webbläsarkader med trafikljusknappar i macOS-stil och en adressfält
- Gradient- och enfärgade bakgrunder — välj enfärgade färger eller tvåfärgiga gradienter med sex riktningsalternativ
- Fullständig typografkontroll — välj teckensnittsfamilj, vikt, storlek, färg, justering och underrubrikopacitet
Alternativ förklarade
| Alternativ | Beskrivning |
|---|---|
| Utdatastorlek | Fördefinierade storlekar (1280×800, 1280×720, 1920×1080) eller anpassad bredd och höjd |
| Mallayout | Snabbförinställningar som arrangerar text och bild: delningar överst/nederst eller vänster/höger |
| Enhetskader | Omslut skärmbilden med en webbläsarkader eller visa den utan kader |
| Textpositionering | Kontrollera vertikal och horisontell placering av rubrik och underrubrik, plus pixelförskjutningar |
| Bildpositionering | Kontrollera vertikal och horisontell placering av skärmbilden, plus pixelförskjutningar |
| Skärmbild-skala | Ändra storlek på skärmbilden från 30% till 100% av det tillgängliga området |
| Bakgrundstyp | Enfärgad färg eller en linjär gradient mellan två färger |
| Gradientriktning | Sex riktningar inklusive vertikal, horisontell och diagonal |
| Teckensnitt | Åtta teckensnittsfamiljer inklusive System UI, Arial, Georgia och monospace-alternativ |
| Teckensnittvikt | Sex vikter från Regular (400) till Black (900) |
| Rubrik-/underrubrikstorlek | Oberoende storleksreglage för rubriken (24–160 px) och underrubriken (16–100 px) |
| Underrubrikopacitet | Kontrollera hur framträdande underrubriken visas (20–100%) |
| Kaderfärg | Ställ in webbläsarkaderfärgen när webbläsarenhetskadren är vald |
| Visa skugga | Slå på/av en skugga bakom skärmbilden eller enhetskadren |
| Rundade hörn | Lägg till rundade hörn på skärmbilden när ingen enhetskader används |
| Utdataformat | Exportera som PNG (förlustfritt) eller JPEG (mindre filstorlek) |
Användningsfall
- Tilläggutvecklare som förbereder marknadsföringsbilder för en Chrome Web Store-lista som framhäver viktiga funktioner med kommenterad text
- Produktteam som skapar konsekventa varumärkade skärmbilder över flera tillägg eller tilläggsuppdateringar
- Frilansare och byråer som snabbt genererar polerade mockups för klientpresentationer utan att öppna Figma eller Photoshop
Tips
- Använd gradientbakgrunden med subtila färgskillnader för ett professionellt utseende — stora färghopp kan distrahera från själva skärmbilden
- Håll rubrikerna korta (3–5 ord) och öka teckenstorleken så att de förblir läsbara i miniatyrskala i Web Store-sökresultaten
- När du använder webbläsarkadren ställer du in kaderfärgen så att den matchar din bakgrund för ett sömlöst utseende
- Exportera som PNG för maximal kvalitet när du laddar upp till Chrome Web Store; använd JPEG endast om du behöver en mindre fil för andra ändamål
Liknande verktyg
Generera anpassningsbara SVG‑platsinnehållsbilder med text, färger och dimensioner för webbutveckling och designmockups.
Lägg till anpassade textvattenstämplar på dina bilder. Skydda dina foton med upphovsrättstext, varumärkeslogotyp eller signaturer. Anpassa textfärg, kontur, bakgrund och position. Förhandsgranska i realtid och ladda ner vattenstämplade bilder omedelbart.
Generera realistiska TV‑statisk‑bruseffekter med anpassningsbar intensitet och färglägen. Skapa vintage‑CRT‑skärmstatik för videor, bakgrunder eller konstprojekt.
Dela
Bädda in
Bädda in det här verktyget var som helst gratis. Behöver du hjälp? Läs vår guide.
424 tecken
Ansvarsfriskrivning
Verktygen som tillhandahålls på denna webbplats är avsedda att hjälpa användare att lösa olika problem. Även om vi strävar efter att säkerställa att verktygen är korrekta och effektiva, garanterar eller lovar vi inte att resultatet från något verktyg är 100 % exakt eller felfritt. Resultaten som genereras av dessa verktyg tillhandahålls i befintligt skick och bör användas med försiktighet. Vi rekommenderar att användare verifierar viktig information eller resultat med ytterligare källor eller professionell rådgivning, eftersom vi inte kan hållas ansvariga för eventuella konsekvenser som uppstår vid användning av dessa verktyg. Genom att använda denna webbplats godkänner du att du tar på dig alla risker som är förknippade med noggrannheten och användningen av de levererade resultaten.