SlideShare a Scribd company logo
Bilder och bildhantering på nätet
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Innehåll
Fria bilder på nätet
Komponera snygga proffsiga bilder
Anpassa till hemsida
 bildformat
 bildstorlek
 komprimera
 namnge
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Fria bilder på nätet
Copyright
Foton från Pixabay.com
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
De flesta bilder är copyrightskyddade
Tillhör fotografen
- avtala använding
Identifierbara personer
- fråga om tillstånd (modellskydd)
- ej kränkande
Bilder och copyright
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Bilder och copyright
Creative Commons
Kreatörerna
- har copyright
- vill låta sina verk användas
- bestämmer hur
- CC0 är fri att anända
- ange källa
Royalty free
- Fritt efter betalning
Public domain
- när copyright har upphört eller inte är känd
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Morguefile.com – blandade foton
Pixabay.com – foton och illustrationer
Photopin.com – blandade foton
Freepik.com – foton & illustrationer
Freemediagoo.com – foto, struktur, bakgrund
Ange bildkälla som regel – behövs inte alltid
Kolla alltid bildlicensen!
Fria bildkällor
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Fria bildkällor
Pixabay.com
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Unsplash.com
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Gratisopgraphy.com
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Negativespace.co
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Bildbanker – fria eller lågt pris
Freedigitalphotos.net – mindre bilder är gratis
Fotolia.com – många till lågt pris
IstockPhoto.com – en fri bild varje vecka
Kolla alltid bildlicensen!
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Freedigitalphotos.net
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Komponera bilder
 Välj bildmanér
 Tänk på färgerna
 Filter?
Bilder – en del av varumärket
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
canva.com
lätt att använda, bilder, mallar, filter
picmonkey.com
beskära, ändrat px-storlek,alla möjliga
effecter, retuschering
Bildredigering – fria program
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Komponera bilder
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Canva.com
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Picmonkey.com
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Anpassa till hemsidan
• Tyngre sidor ladder långsammare -mätt i KB
• Sämre ranking på google
• Sämre upplevelse för besökaren
JA!
Måste man anpassa till hemsidan?
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
• För logotype, trycksaker
• Skarp vid förstoring
pdf, eps, ai, svg
• För foto/webdesign
• Suddig vid förstoring
jpeg, png, tiff & gif
Bildformat – vector vs bitmap
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
Pixlar – anger hur stor yta bilden tar
• Lågupplöst
– få pixlar per ytenhet (dpi=dots per inch) – 72 dpi för internet
• Högupplöst
– många pixlar per ytenhet – 300 dpi för tryck
Bredd px
Höjd px
Bildstorlek i pixlar
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
KB – hur “tung” bilden är
• Vad klarar ditt bredband
• Hur snabbt laddas bilden upp på hemsidan
• Hur mycket går att skicka via mail
• Riktmärke för hemsida < 100 KB
Bildstorlek – i “tyngd”
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
KB
 Powerpoint – mäter ej pixlar, men komprimerar
 Picture Manager, Paint (PC)
 Iphoto (Mac)
Bildbearbetning på din dator
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
 Beskär bilden till rätt storlek innan den laddas upp – mätt i pixlar
 Spara den helst i jpeg
 utgå från orginalet om du gör om
 Bilder med transparent bakgrund sparas i png
 Komprimera innan uppladdning – så liten som möjligt – mätt i KB
Komprimera för att minska “tyngden”
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
compressnow.com
– behåller storleken
tinypng.com
– behåller transparans i png-bilden
Komprimeringsverktyg på nätet
Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com

More Related Content

Featured

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 

Featured (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 

Kindbo marknadsföring o kommunikation - Bilder och bildhantering på nätet

  • 1. Bilder och bildhantering på nätet Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 2. Innehåll Fria bilder på nätet Komponera snygga proffsiga bilder Anpassa till hemsida  bildformat  bildstorlek  komprimera  namnge Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 4. Copyright Foton från Pixabay.com Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 5. De flesta bilder är copyrightskyddade Tillhör fotografen - avtala använding Identifierbara personer - fråga om tillstånd (modellskydd) - ej kränkande Bilder och copyright Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 6. Bilder och copyright Creative Commons Kreatörerna - har copyright - vill låta sina verk användas - bestämmer hur - CC0 är fri att anända - ange källa Royalty free - Fritt efter betalning Public domain - när copyright har upphört eller inte är känd Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 7. Morguefile.com – blandade foton Pixabay.com – foton och illustrationer Photopin.com – blandade foton Freepik.com – foton & illustrationer Freemediagoo.com – foto, struktur, bakgrund Ange bildkälla som regel – behövs inte alltid Kolla alltid bildlicensen! Fria bildkällor Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 9. Pixabay.com Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 10. Unsplash.com Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 11. Gratisopgraphy.com Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 12. Negativespace.co Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 13. Bildbanker – fria eller lågt pris Freedigitalphotos.net – mindre bilder är gratis Fotolia.com – många till lågt pris IstockPhoto.com – en fri bild varje vecka Kolla alltid bildlicensen! Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 14. Freedigitalphotos.net Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 16.  Välj bildmanér  Tänk på färgerna  Filter? Bilder – en del av varumärket Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 17. canva.com lätt att använda, bilder, mallar, filter picmonkey.com beskära, ändrat px-storlek,alla möjliga effecter, retuschering Bildredigering – fria program Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 18. Komponera bilder Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 19. Canva.com Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 20. Picmonkey.com Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 22. • Tyngre sidor ladder långsammare -mätt i KB • Sämre ranking på google • Sämre upplevelse för besökaren JA! Måste man anpassa till hemsidan? Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 23. • För logotype, trycksaker • Skarp vid förstoring pdf, eps, ai, svg • För foto/webdesign • Suddig vid förstoring jpeg, png, tiff & gif Bildformat – vector vs bitmap Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 24. Pixlar – anger hur stor yta bilden tar • Lågupplöst – få pixlar per ytenhet (dpi=dots per inch) – 72 dpi för internet • Högupplöst – många pixlar per ytenhet – 300 dpi för tryck Bredd px Höjd px Bildstorlek i pixlar Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 25. KB – hur “tung” bilden är • Vad klarar ditt bredband • Hur snabbt laddas bilden upp på hemsidan • Hur mycket går att skicka via mail • Riktmärke för hemsida < 100 KB Bildstorlek – i “tyngd” Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com KB
  • 26.  Powerpoint – mäter ej pixlar, men komprimerar  Picture Manager, Paint (PC)  Iphoto (Mac) Bildbearbetning på din dator Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 27.  Beskär bilden till rätt storlek innan den laddas upp – mätt i pixlar  Spara den helst i jpeg  utgå från orginalet om du gör om  Bilder med transparent bakgrund sparas i png  Komprimera innan uppladdning – så liten som möjligt – mätt i KB Komprimera för att minska “tyngden” Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com
  • 28. compressnow.com – behåller storleken tinypng.com – behåller transparans i png-bilden Komprimeringsverktyg på nätet Eva Synnergren Webbdesign | Sociala medier | Marknadsföring | Utbildning www.Kindbo.com