The document discusses resizing photos for marketing and social media. It covers image basics like resolution, formats and transferring photos. It provides the ideal image sizes for various social media platforms like Facebook, Twitter, Instagram, LinkedIn, Google+, Pinterest, Tumblr and YouTube. It also discusses cropping, manipulation tools and online resources for editing photos for social media. The presentation was given by Sarah Giavedoni of Beverly-Hanks Marketing Lab on image basics, sizes, editing and the photo tool Canva.

1. +
Resizing Photos for
Marketing & Social Media
Beverly-Hanks Marketing Lab
Sarah Giavedoni | January 2017
beverly-hanks.com

2. + What We’re Covering
Today:
! Image basics: Image quality, file formats,
and transferring
! Image sizes for different social media
platforms
! Cropping and image manipulation, plus
online resources
! Canva demonstration

3. +
Image Basics
How do images work on digital devices and platforms?

4. +
What are bitmap graphics?
" Bitmap graphics, sometimes
called raster graphics,
represent an image as a grid
of colored dots. Each dot in
the grid is referred to as a
pixel.
" On your computer screen,
each dot is represented by a
tiny liquid crystal or LED light.
On a printout, a pixel is
represented by a drop of ink.
" Because bitmap graphics
produce photograph-like
images, they are used for
photos, for images added to
web pages, and for art
converted from paper to
computer format.
" NOTE: Bitmap graphics are different
than vector graphics, which consist
of a set of points, lines, arcs, and
other geometrical shapes. Each
shape is defined as a series of line
segments called vectors, and
attributes such as line width and fill
color.
Source: Practical PC, 7th Edition

5. +
How is image quality determined?
" Image resolution is
expressed as the width and
height of the grid that holds
the dots.
" For example, an image with
1024 X 768 resolution is
formed from a grid 1,024 dots
wide and 768 dots high.
" High-resolution images
exhibit details more clearly
than low-resolution images.
" Each dot in an image is
assigned a code number for
its color. The number of bits
required to store the color
number is referred to as color
depth and determines the
number of colors that the
image contains.
" An 8-bit color depth produces
256 colors. A 24-bit color
depth produces 16.7 million
colors, sometimes referred to
as true color. The more
colors an image contains, the
more realistic it appears.
The quality of an image depends on its resolution and color depth.
Source: Practical PC, 7th Edition

6. +
How do I choose a bitmap format?
Bitmap graphics are most commonly stored in JPEG, TIF, BMP, PNG,
GIF, and RAW files (commonly called formats). Images for social
media sites should be stored in a format supported by browsers.
Source: Practical PC, 7th Edition

7. +
How do I upload
photos to social
media?
1. Phone > Social media app
— Photos will resize for you.
2. Phone > Computer > Social media
3. Camera > Computer > Social media
— These methods let you more heavily
manipulate images before posting.

8. + Image Sizes for Different
Social Media Platforms
Current as of September 2016

9. + The infographics that follow are from Jamie Spencer
of MakeAWebsiteHub.com*
*Except where otherwise noted.
Source: HubSpot,“The Ultimate Cheat Sheet of Photo & Image Sizes on Facebook,Twitter, LinkedIn & Other Social Networks
[Infographic]”, https://blog.hubspot.com/marketing/ultimate-guide-social-media-image-dimensions-infographic.

10. +
Facebook Image Sizes
• Cover photo: 851 px wide by 315 px tall
• Business Page Cover photo: 828 X 315
• Profile image: 180 X 180
• Highlighted image: 1200 X 717
• Shared image: 1200 X 630
• Shared link thumbnail image: 1200 X 627

11. +
Watch out for the Mobile Safe Area
Source:“All Facebook Image Dimensions and Ad Specs [2016]”,
http://www.jonloomer.com/2016/09/15/facebook-image-dimensions-2016/, September 15, 2016.
NOTE: This source lays out dimensions and ad specs for Facebook
posts, video, ads, events, and more, both as they appear and the
dimensions that Facebook recommends you use.

12. +
Twitter Image Sizes
• Header photo: 1500 px wide by 500 px tall
• Profile image: 400 px wide by 400 px tall
• In-stream photo: 440 px wide by 220 px tall

13. +
Instagram Image Sizes
• Profile image: 110 px wide by 110 px tall
• Photo size: 1080 px wide by 1080 px tall
• Photo thumbnails: 161 px wide by 161 px tall
• Vertical image: 1080 X 1350
• Horizontal image: 1080 X 566
Additional Source:“What is the size of the Instagram picture in pixels?
[Updated]”, https://colorlib.com/wp/size-of-the-instagram-picture/,
March 20, 2016.

14. +
LinkedIn Image Sizes
• Background image: 1500 px wide by 425 px tall
• Profile image: 400 px wide by 400 px tall
• Career cover photo: 974 px wide by 330 px tall
• Banner image: 646 px wide by 220 px tall
(minimum)
• Standard logo: 400 px wide by 400 pixels tall
(maximum)

15. +
Google+ Image Sizes
• Profile image: 250 px wide by 250 px tall
• Cover image: 1080 px wide by 608 px tall
• Shared image (on home stream): 497 px wide by
373 px tall
• Shared image (on feed or your page): 150 px
wide by 150 px tall

16. +
Pinterest Image Sizes
• Profile image: 165 px wide by 165 px tall
• Board display: 22 px wide by 150 px tall
• Pin sizes: 236 px wide

17. +
Tumblr Image Sizes
• Profile image: 128 px wide by 128 px tall
• Image post: 500 px wide by 750 px tall

18. +
YouTube Image Sizes
• Video uploads: 1280 px wide by 760 px tall
• Channel cover photo: 2560 px wide by 1440 px
tall

19. + Cropping and Image
Manipulation
Changing photo sizes and adding text or other embellishments

20. +
When cropping photos, always start
with large dimensions and resolution

21. + Image manipulation can include cropping,
text overlay, color correction, effects/filters,
and more.
" On Your Phone
" On Social Media
" Preview (Macs)
" Microsoft Paint
" Photoshop
" and more
" On Your Phone
" Microsoft Paint
" Microsoft Office
" Photoshop / GIMP (free)
" Adobe Creative Cloud
" Picasa
" and more…online!
Cropping Tools Editing Tools

22. +
Photo Tools for
Social Media Mktg
" Canva - design
" Pablo - design
" PowerPoint (PC) / Keynote (Mac)
" PicMonkey
" LiveLuvCreate
" Paint.NET
" PicCollage
" Skitch – screen capture
" CloupApp – Screencast GIFs
" Easel.ly – drag-and-drop infographics
" Blurgrounds – blurry backgrounds
Sources:
6 Simple Photo Tools for Creating
Social Media Visuals (SM Examiner)
LINK
23 Tools and Resources to Create
Images for Social Media (Buffer)
LINK

23. +
Canva Demonstration
Canva.com

24. +
Next time
on Marketing Labs:
Digital Marketing without Zillow

25. +
Also in February/March:
FEBRUARY: Setting up a Facebook Business Page
MARCH: Using Content to Optimize Your Facebook Marketing
for Real Estate Success

26. +
Thanks for Coming!
Sarah Giavedoni
" Social Media and Content Development Assistant, Beverly-Hanks & Associates
" Downtown Asheville, Marketing Department
" SGiavedoni@beverly-hanks.com
" (828) 258-6395