Skip to content

How to Add and Optimize Testimonial Images

Mai edited this page Jan 24, 2025 · 3 revisions

This guide walks you through the process of adding, optimizing, and storing testimonial images for the repository. By following these steps, you'll ensure that images are optimized for web performance and properly organized.

Image Optimization and Formatting Process

How-to-guide

Step 1: Add the Image to Canva

  1. Log in to Canva and access the pre-existing template here.
  2. Upload the image you wish to use in the template.
  3. Crop the image if necessary to fit text into the template.
  4. Download the image in .png format.
  5. Image Naming: Name the image using the following format: Platform-FirstName-Topic-Year-min.png.
  • For example: Linkedin-Daamiah-Techtonica-2025-min.png

Rationale: Naming conventions are important because they help maintain organization, clarity, and consistency across the website.

Step 2: Use ImageOptim for Compression

  1. Download ImageOptim: ImageOptim.
  2. Open ImageOptim and drag the downloaded image into the app.
  3. Compression: ImageOptim will automatically compress the image and save the optimized version.
  4. Rationale: This reduces the file size of the image without losing quality, making it web-ready and improving performance.

Step 3: Save the Optimized Image in the Appropriate Folder

  1. Save the image in the Techtonica/techtonica.org/static/img/testimonials folder within the repository.
  2. Rationale: All testimonial images should be placed in the static/testimonials folder to ensure consistency and easy access.