29 fede Chrome-udvidelser til design

Som freelancer, der skal skabe billeder, der fanger opmærksomheden hos kunderne, er jeg altid på udkig efter de bedste Google Chrome-udvidelser til design, der gør mit arbejde 100 gange nemmere.

Hvad enten du er en erfaren designer eller lige begyndt, vil du, når du er færdig med dette indlæg, have mindst ét nyt værktøj, der vil hjælpe dig med at skabe endnu bedre kunst (og også være mere effektiv).

Skærmbilleder og annotationer Chrome-udvidelser-

Awesome Screenshot

Awesome Screenshot er super nyttigt, når det gælder om at tage skærmbilleder og skærmoptagelser af din skærm, mens du er online.

Awesome Screenshot

Funktioner

  • Skærmbilleder af onlinesider, mens du browser
  • Opret en videooptagelse af din skærm
  • Skærmbilledet kan beskæres og ændres i størrelse billeder
  • Værktøjer til annotationer og sløring er også tilgængelige
  • Det er nemt at downloade og gemme dine billeder og videoer

Get Awesome Screenshot

qSnap

qSnap er en cross-browser skærmbilledeværktøj til Chrome, Firefox, Safari, Opera og Internet Explorer.

qSnap screenshot

Funktioner

  • Fang og anmærk flere billeder på samme tid
  • Konsolidér flere billeder i ét dokument
  • Del skærmoptagelser på tværs af platforme

Get qSnap

Evernote Web Clipper

Evernote er en populær note-software til at tage noter til både mobile enheder og stationære/laptop-computere.

Evernote web clipper screenshot

Funktioner

  • Fang skærmbilleder, mens du er online
  • Organiser skærmbilleder i mapper
  • Synkroniser skærmbilleder på tværs af enheder, så du kan få adgang til dem overalt

Få Evernote Web Clipper

Billed- og fotoredigering Chrome-udvidelser-

Colorzilla

Opdagede du en smuk farve på en andens websted? Find ud af dens HEX-kode ved at bruge Colorzilla.

ColorZilla skærmbillede

Funktioner

  • Få en farveaflæsning fra et hvilket som helst punkt i browseren
  • Viser både RGB og HEX koder
  • Indsæt nemt farver i ethvert andet program

Få Colorzilla

ProofMe for Canva

Med Canvas udvidelse ProofMe, kan du oprette korrektioner af dine Canva-designs og sende dem pr. e-mail til venner eller kolleger.

ProofMe for Canva skærmbillede

Funktioner

  • Del beviser problemfrit med Gmail, Facebook, Twitter, Slack og meget mere
  • Anmærk designs ved at tegne linjer, fremhæve tekst, tage målinger og tilføje kommentarer
  • Indarbejd nemt feedback og gem nye versioner af korrekturlister

Get ProofMe

Picmonkey

Picmonkey er en af de bedste Chrome-udvidelser til designere, der giver dig mulighed for øjeblikkeligt at redigere skærmbilleder og billeder, der findes på enhver webside.

PicMonkey-skærmbillede

Sådan bruger du PicMonkey

  • Klik på PicMonkey-ikonet, når du ser en webside.
  • Vælg et hvilket som helst billede eller skærmbillede i en sidebar.
  • Udfør grundlæggende redigeringer som: beskæring & rotere, billedfiltre, overlejringer, skrifttyper, teksturer, rammer og retoucheringsværktøjer.

Hent Picmonkey

Slidely Photo Remix

Giv ethvert online-billede liv med de brugerdefinerede redigeringsfunktioner i Slidely Photo Remix.

Slidely Photo remix skærmbillede

Funktioner

  • Føj tekstoverlejringer til ethvert billede med et enkelt klik.
  • Opret komplette collager, dias med musik eller endda en promo for din virksomhed.
  • Del dine billeder via e-mail, Facebook, Google Plus, Pinterest eller Twitter.

Hent Slidely Photo Remix

Photomania

Førvandl øjeblikkeligt ethvert onlinefoto til spændende visuel kunst med brugervenlige effekter fra PhotoMania.

Skærmbillede af PhotoMania

Sådan bruger du PhotoMania

  • Hovr over et hvilket som helst billede i din browser.
  • Vælg mellem over 400 effekter. I dette eksempel blev effekten “Sketch” valgt.
  • Del dit billede med venner.

Hvis du kan lide PhotoMania, er Polarr og GooEdit to andre udvidelser, der giver dig mulighed for nemt at redigere fotografier direkte i din browser.

Hent PhotoMania

Sumo Paint

Sumo Paint er en udvidelse med fuld funktionalitet til maling og billedredigering for den avancerede designer, der gerne vil skabe flotte billeder uden det prisskilt, der følger med værktøjer som Photoshop.

Sumo Paint skærmbillede

Funktioner

  • Et aktivt kunstfællesskab med over 570.000 medlemmer og over 2 millioner billeder
  • Support for billedlag
  • Skygge-, glød-, gradient- og overlejringseffekter
  • Billedjusteringsværktøjer til kurver, niveauer, farvebalance og meget mere
  • Professionelle malerværktøjer med over 300 pensler
  • Dobbelte flere funktioner, der kan sammenlignes med Photoshop’s standardværktøjer

Hent Sumo Paint

Your Graphic Designer

Your Graphic Designer er en HTML5-editor til vektorgrafik, der kan bruges til at skabe tegninger, vektorer og malerier både online og offline.

Your Graphic Designer skærmbillede

Funktioner

  • Frihåndstegning
  • En komplet liste af vektorværktøjer, herunder linjer, former og kurver
  • Eksport som SVG, PNG-, JPG-, BMP- og PDF-formater
  • Understøttelse af flere sprog

Få din grafiker

WhatFont

Skøn webfont fangede dit øje og har brug for at vide, hvad det er? WhatFont inspicerer og registrerer de skrifttyper, der anvendes på ethvert websted.

Sådan bruger du WhatFont

  • Klik på WhatFont-ikonet for at se en liste over de forskellige skrifttyper, der anvendes på siden.
  • Hold musen over en bestemt del af teksten for at få oplysninger om dens skrifttype.

Hent WhatFont

Image Downloader

Brug og download alle billeder fra et hvilket som helst websted med Image Downloader.

Skærmbillede af Image Downloader
  • Se alle sidebilleder, både hostede og linkede
  • Filtrer billeder efter bredde, højde og URL
  • Download eller åbn individuelle billeder

Brug udvidelsen Gallerify, der udfører den samme funktion.

Get Image Downloader

Pablo

Design billeder, der er optimeret til alle sociale medieplatforme ved hjælp af Chrome-udvidelsen Pablo.

Pablo-udvidelse

Sådan bruger du Pablo

  • Vælg mellem over 600.000 gratis stockbilleder, eller upload dine egne.
  • Vælg hvilken social medieplatform, der skal hoste billedet.
  • Føj tekst og andre billedfiltre til for at skabe dit helt eget mesterværk.

Hent Pablo

Emoji Keyboard

Laver du emojis? Tilføj dem til dit skriftlige indhold eller på billeder med denne udvidelse.

Emoji Keyboard skærmbillede

Sådan bruger du Emoji Keyboard

  • Klik på ikonet Emoji Keyboard i din browserbar.
  • Søg efter den emoji, du vil bruge.
  • Klik for at kopiere, og indsæt den derefter i det, du skriver.

Få Emoji Keyboard

HoverZoom+

Zoom ind på et hvilket som helst billede på et websted ved blot at føre musen hen over billedet.

Hover Zoom skærmbillede

Funktioner

  • Funktioner med Amazon, Facebook, Flickr, Google (Google Images, Google+), Imgur, Pinterest, Reddit, Twitter. Tumblr, Wikipedia, WordPress, YouTube og meget mere

Få HoverZoom+

Texmage

Skab tekstoverlejringer på ethvert billede ved hjælp af Texmage uden besværet med først at downloade billedet, uploade det til Canva eller Picmonkey og derefter redigere det.

Texmage skærmbillede

Sådan bruger du Texmage

  • Vælg et billede fra et hvilket som helst websted.
  • Føj tekst til billedet, og juster størrelse, skrifttype, farve og opacitet.
  • Download din nye “texmage”, eller del den på sociale medier.

Hent Texmage

Save To Google Photos

Save billeder, du finder online, til dine Google Photos, så du kan arbejde videre med dem senere.

Sparer til Google Fotos skærmbillede

Funktioner

  • Ubegrænset, gratis lagerplads
  • Access photos anywhere you have an internet connection
  • Automatically remove duplicate pictures
  • Multiple photo albums

Get Google Photos

Webudvikler Chrome extensions-

PerfectPixel

PerfectPixel

PerfectPixel giver udviklere mulighed for at sætte en semi-gennemsigtigt billedoverlay over toppen af en HTML-side for at udføre pixel-for-pixel-sammenligning mellem dem.

PerfectPixel skærmbillede

Funktioner

  • Støtte til flere overlejringer
  • Understøttelse af version og skalering
  • Overlejringer gemmes mellem browsing-sessioner

To andre overlejringsværktøjer – Bootstrap Overlay og Instant Wireframe – er også værd at tjekke ud.

Få PerfectPixel

CSS Shack

CSS Shack er en Chrome-udvidelse og et skrivebordsprogram, der giver dig mulighed for nemt at oprette webstedsdesigns og appmock-ups.

CSS Shack skærmbillede

Funktioner

  • Opret lag stilarter
  • Eksportér stilarter til CSS og gem
  • Brug til at oprette og vedligeholde en web-stilguide

Get CSS Shack

CSS3 Generator

CSS3 Generator-udvidelsen skaber den CSS-kode, du har brug for, så du ikke behøver at skrive den selv.

CSS3 Generator skærmbillede

Funktioner

  • Tekst- og boksskygger
  • Hex/RGBA-farver
  • Transformer
  • Kolonner
  • Gradienter
  • Transitions
  • Og meget mere!

Get CSS3 Generator

Page Ruler

Med Page Ruler kan du tegne en lineal på en hvilken som helst side for at vise pixeldimensionerne og positioneringen for ethvert element på en webside.

Side Ruler skærmbillede

Funktioner

  • Se bredden & højde og top, bund, venstre & højre position
  • Guider, der strækker sig fra linealens kanter
  • Manuelt opdatere linealens størrelse og position for at foretage præcisionsændringer
  • “Element Mode” skitserer sideelementer på siden, når du kører musen hen over dem
  • Navigere gennem overordnede, børn og søskendeelementer for ethvert element

Hent Page Ruler

Chrome Daltonize!

Farveblindhed rammer ca. 5 % af befolkningen. Det er 1 ud af hver 20 computerbrugere! Chrome Daltonize-udvidelsen forstærker farvedetaljer, så farveblinde brugere ikke går glip af noget indhold.

Chrome Daltonize! skærmbillede

Funktioner

  • Simulerer, hvordan billeder vises for en farveblind person
  • Giver farver til farveblinde brugere, så de kan se detaljer

Hent Chrome Daltonize

Window Resizer Beta

Alle skærmstørrelser har en forskellig opløsning, og Window Resizer viser dig, hvordan et websted vil se ud på forskellige skærme – alt sammen i dit browservindue.

Window Resizer Beta skærmbillede

Sådan bruger du Window Resizer

  • Når det er installeret, åbner du ved at klikke på ikonet for udvidelsen en dialogboks (som vist på billedet nedenfor), som giver dig mulighed for at ændre størrelsen på din skærm til forskellige opløsninger, så du kan simulere, hvordan et websted ville se ud på den pågældende skærmstørrelse og opløsning.

Get Window Resizer Beta

Web Maker

Web Maker er perfekt til udviklere, som ønsker at eksperimentere med HTML-, CSS- eller Javascript-elementer, når du ikke er online.

Web Maker-skærmbillede

Funktioner

  • Spar og indlæs dine kreationer, når som helst, hvor som helst
  • Autokomplettering af kode
  • Rediger i CodePen
  • Fremvisning af screenshot capture
  • Open source on Github

Get Web Maker

Blue Button

Blue Button er en DIY-designers ultimative spionvåben. Brug den til at inspicere metabeskrivelsen, tags, CSS og alt andet “under motorhjelmen” på ethvert websted.

Skærmbillede af Blue Button

Funktioner

  • En gennemgang af alle væsentlige webdesign-, grafik- og SEO-elementer med ét klik
  • Access SEO-relaterede oplysninger såsom tags, metabeskrivelse og header-informationer
  • Se en liste over alle scripts og stylesheets, der bruges på webstedet
  • Se webstedets favicon, touch-ikoner og andre billeder.
  • Find ud af, hvilke Google-skrifttyper der er indlæst

Få blå knap

Inspirerende Chrome-udvidelser-

26. Flickr-fanen

Når Flickr-fanen er installeret, vil hver ny Chrome-fane vise et populært foto fra Flickr-fællesskabet.

Funktioner

  • Bredt udvalg af billeder af høj kvalitet fra Flickr-fællesskabet
  • Et-klik adgang til billedet på Flickr
  • Instant link til flere billeder fra brugeren

Get Flickr-fanen

Google Art Project

Det er ikke altid nemt at blive inspireret, når man er kunstner. Google Art Project åbner et nyt kunstnerisk mesterværk, hver gang du åbner en ny Chrome-fane.

Google Art Project-skærmbillede

Funktioner

  • Mesterværker lige fra Van Gogh til Monet til nutidige gadekunstnere
  • Kunstværker opdateres dagligt
  • Hvert billede er forbundet til flere oplysninger på Google Cultural Institute-webstedet

Hent Google Art Project

Wookmark

Wookmark giver dig mulighed for at samle visuelle bogmærker, så du kan holde dig inspireret og få gang i den kreative saft.

Skærmbillede af Wookmark

Sådan fungerer Wookmark

  • Du kan nemt bogmærke og gemme billeder fra andre websteder
  • Opload dit kreative output og dele det med andre
  • Brug grupper til at opbygge moodboards
  • Del og diskutere billeder med venner

Hent Wookmark

Muzli 2

Hent ægte-tid designinspiration, herunder fotografier, design, UI/UX og meget mere fra hele nettet.

Muzli 2 skærmbillede

Funktioner

  • Erstat din Chrome-standardside med det nyeste design, UI, UX og interaktive nyheder og fotos fra hele nettet
  • Integrerer med Dribbble, Designer News, Sidebar, CSS Winner, The Next Web og meget mere

Get Muzli 2

Og det er en wrap!-

Det er 29 Google Chrome-udvidelser for designere, der hjælper dig med at skabe fantastiske billeder og altid blive inspireret!