Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Serve scaled images

    • 9 years, 12 months ago daniele982
      Participant

      Expired

      Hi there,
      Running a GTMetrix report on my domain (www.lafasnc.it) – which are very slow to load- I have the following messages:
      “Serve scaled images
      Example: https://www.lafasnc.it/wp-content/uploads/2014/04/Immagine-022.jpg?58edab is resized in HTML or CSS from 2592×1944 to 205×154. Serving a scaled image could save 1022.1KiB (99% reduction).”

      How can I do that?

      I run WP config. 4.2.2

      WP SMUSH

      W3TC

      ——–
      Thanks for your help,
      daniele

      • This topic was modified 9 years, 11 months ago by Mirela. Reason: removing html tags
    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      In your functions.php file you can see these lines of code:

      function codeless_images_sizes(){
          
          add_image_size( 'port3', 600, 600, true );
          add_image_size( 'port3_grayscale', 627, 470, true );
          add_image_size( 'port2', 460, 275, true );
          add_image_size( 'port2_grayscale', 940, 470, true );
          add_image_size( 'port4', 600, 600, true );
      
          add_image_size( 'blog', 825, 340, true );
          add_image_size( 'alternate_blog', 440, 195, true );
          add_image_size( 'alternate_blog_side', 355, 235, true );
          add_image_size( 'blog_grid', 350, 350, true );
      
          add_image_size( 'staff', 400, 270, true );
          add_image_size( 'staff_full', 500, 340, true );
      
      }

      Here you can edit or add the default image size cropping. Example, the images of two column grayscale portfolio will automatically be cropped to 940 x 470px as set in this line: add_image_size( 'port2_grayscale', 940, 470, true ); Change the values to your need, or add more types if you want. Make sure to import images again after editing and run a plugin to recreate thumbnails.
      Let us know if you need help.

      Best regards!

Viewing 1 reply thread

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password