Picture Perfect

A picture’s worth a thousand words – and when a picture is poorly formatted on your website, those words might not be too favorable.

This episode of Maximize Demosphere covers the essentials every administrator needs to know about photo formatting:

  • Preparing Slideshows
  • Resizing Images
  • Fitting Image Width
  • Adding & Understanding PNG Files
  • Online Editing Tools
  • …And More!

Download the PDF Slides Here

The session covered the following items:

  • Resizing Images – Whether you choose to resize your images using an online editing tool, like Pixlr, or to use your computer’s photo editor, it’s important to resize photos before adding them to your website. Resizing images will save important storage space for your website. We recommend making sure all images are kept to less than 1200px wide.
  • Compressing Images – The File Uploader can currently hold up to 5MB in storage space. In addition to resizing images, you can save storage space by compressing your image files. If you don’t already have a tool that compresses a file, check out the free tool JPEGmini Lite in the App Store.
  • Online Editing Tools – Finding an online editing tool that works for your club’s needs is essential. Depending on how you’re looking to edit your photos, an online editing tool can assist you with cropping images, adjusting colors, resizing images, adding text, and adding different filters. Some suggested tools to try are Canva and Pixlr.
  • Preparing Slideshows – Show off your formatted images in a Content Rotator item on your website. There are three different types of content rotators for you to choose from: Responsive (Mobile-Friendly), Thumbnail Slider, and Basic Rotator. The session talks about the different display options that are available in each of the slideshows. If you’ve resized your images and made them too small for the content rotator, they will appear blurry. Test different sizes to see which size will work for your website’s template.
  • Adding Images To Articles – Add flare to your articles by adding an image directly into the content window. When adding an image this way, the Image Properties pop-up window will allow you to resize the image by width and/or height, add a border, add blank space around the image, and adjust the alignment.
  • Adding & Understanding PNG Files –  A PNG file is an image that has a transparent background. PNGs are perfect for adding sponsor images to the footer or sidebar of your website. Rather than having white blocks around each image, they’ll lay on top of your website background color and look more uniform. To upload a PNG file, treat them the same way you would treat a JPEG image.

We hope you can join us for a future Maximize Demosphere session!