BLOG ARTICLE

 

"How To" Tips & Tricks

For Your Heroic Website

Adding GREAT Images to Your Heroic Site

24 October
Kimberley

You want great photos to use on your Heroic website!

READ the article in the Help documentation at https://help.heroicnow.com/article.php?article=using-images. 

You can search for photos right in Heroic... no cost OR paid premium images. 

HEROIC SEARCH TIP:

  1. Insert your search term (flower, heart, meeting, spirit, rock, mountain, etc. - keep it simple for best results).

  2. HIT the "Enter/Return" button on your keyboard so search!

  3. Click on "Free Images" to make sure you're viewing the no cost options.

IMAGE SIZE CHEAT SHEET

  • Full-Width Banner: 1200-2000 pixels wide (height is up to you but 600 pixels high works well for a hero banner).
  • Main Column: 800 pixels wide
  • Sidebar: 400 pixels wide
  • 2 Pathways: 600 pixels wide
  • 3 Pathways: 400 pixels wide
  • 4 Pathways: 300 pixels wide

By Pathways, I'm referring to the 2, 3 or 4 column sections with headline, image & body text, like this example:

TIP: If you want your columns to align, make sure your images are the same height AND the headline must have the same number of lines!


IMAGE BANKS:

If you can't find the image that sparks you, check out these resources... no cost for commercial purposes so you can find the perfect images for your site.
Pexels: https://www.pexels.com/
Pixabay: https://pixabay.com/
Unsplash: https://unsplash.com/

IMAGE RESIZING

You do NOT want to use large photo files. Your site pages will take forever to load, hurting your ranking in search engines &

deterring visitors from exploring what you have to share. We have no patience for that! Every second counts.

Resize your images at: any online image resizer of your choice, like https://www.befunky.com/create/resize- .

OR you can join an online platform like PicMonkey (https://www.picmonkey.com/)

ENJOY!
Kimberley

Privacy Policy  |  Terms & Conditions

© 2019, Clear Connections