Everyone likes to look at pictures, it’s what makes your website attract readers. In this session for the person who is not a professional graphic designer, Christina Hills will show you some easy tips to make working with images much easier for you. Best practices for the featured image and how to get it to show up correctly when you share on Social Media. How to organize, compress, and store your images in your media library, for faster load times. Plus where to find high quality, low cost (and free) images to make your website stunning. You will walk away with practical tips and tools you can use right away whether you are a business owner, free lancer, or just starting out learning WordPress.” (this talk was given at WordCamp San Diego is aimed at beginner/intermediate WordPress Users)
15. @christinahills #wcsd
Common Image License Types
• Royalty-free
• Rights-managed
• Editorial Use Only
• Public Domain
• Government Websites
16. @christinahills #wcsd
Royalty-free (RF)
• You can use the image multiple times
without paying a royalty.
• Examples:
– iStock
– Shutterstock
– BigStock
– and many more…
17. @christinahills #wcsd
Rights-managed (RM)
• You are granted one-time use of the image
• Pricing typically varies depending on the usage
format, usage specs, target market, etc.
• You pay each time you want to use the picture.
• Typical license for celebrity and “exclusive” photos
• Example:
– Getty Images
18. @christinahills #wcsd
“Editorial Use Only” Images
Can only be used to illustrate a news-related story – not to sell or
promote a product, service or idea (source: Shutterstock)
• Used to support text in your news article
• Not for advertisements / not selling stuff
Typical Editorial Use Only Images:
• a celebrity
• a trademarked logo or service mark
19. @christinahills #wcsd
Public Domain
• No copyright restrictions:
– Copyright expired
– Copyright forfeited by
creator/owner
• Public domain images can be
used for free without any
limitation
20. @christinahills #wcsd
Government Websites Images
• “…generally not subject to copyright in the
United States and there is generally no copyright
restriction on reproduction, derivative works,
distribution, performance, or display of a
government work.”
Read more (including exceptions) at
https://www.usa.gov/government-works
25. @christinahills #wcsd
What is “Big” - (Dimensions)
2508px in Y
2408px in X 800px in X
980 in Y
2408 pixels x 2508 pixels
800 pixels x 980 pixels
26. @christinahills #wcsd
What is “Heavy” - (Weight)
2508px in Y
2408px in X 800px in X
980 in Y
2408 pixels x 2508 pixels = 392kb
800 pixels x 980 pixels = 231kb
28. @christinahills #wcsd
Smaller File Size After Compression
2508px in Y
2408px in X 800px in X
980 in Y
2408 pixels x 2508 pixels = 392kb
800 pixels x 980 pixels = 231kb
Compressed: 800 pixels x 980 pixels = 56kb
68. #wcsd@christinahills
Benefits of Using a CDN
• Faster loading time
→Better for SEO as Google
favors faster sites
→Better user experience
(People are not frustrated
by slowness)
→Extra security in case one
server goes down
76. #wcsd@christinahills
Recap of Working with Images
1. Find Images with Rights from Stock Photo Sites (or Use Camera)
2. Size Images: Dimensions vs. Heaviness and Compression
3. Organize Your Images in the Media Library
4. Leverage the “Featured Image” for Social Sharing
5. Create Professional Graphics with Canva.com
6. Speed Up Image Loading with a CDN (Content Delivery Network)
7. Use WordPress Plugins and Other Image Tools
And always….
78. Connect with Christina Hills
Twitter: @christinahills - Email: christina@websitecreationworkshop.com
This presentation will be available at:
www.WebsiteCreationWorkshop.com/wcsd2018