13 {{ upvoteCount | shortNum }}
13 {{ upvoteCount | shortNum }}

Page speed: Image Size

by TheBeast
11 replies
  • SEO
    • |
As far as I know image size is shouldn't be bigger than you need, but how to check what dimensions my website needs?
I use wordpress.
#image #page #size #speed
  • Profile picture of the author ShoppingSignals
    The dimensions (width and height) is determined by the design of the site. First, look for documentation that specifies image dimensions for the different types of images on your site.

    If you don't have that, you can right click on an image and choose Inspect Element. That will tell you the current dimensions of the image.
    Signature
    Get a FREE Conversion Optimization Consultation. No B.S. No upsell. Beta service needs testimonials!.

    - Check Here For Details -
    {{ DiscussionBoard.errors[10166067].message }}
  • Profile picture of the author yukon
    Banned
    Wordpress Settings Media Screen
    {{ DiscussionBoard.errors[10166080].message }}
  • Profile picture of the author drbenhill
    I think they already answered your dimensions question, but to help you with image size, I go to imageoptimizer.net to make them as small as possible. Works for me.
    {{ DiscussionBoard.errors[10166087].message }}
  • Profile picture of the author cpsi
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[10167022].message }}
    • Profile picture of the author savidge4
      Originally Posted by cpsi View Post

      You can use Wp-smush Pluging.
      https://wordpress.org/plugins/wp-smush
      Uh Yahoo no longer supports that and the plugin is no longer available... thanks for the non working tip!

      PS if you have this on your sites.. you are no longer optimized BTW
      Signature
      Success is an ACT not an idea
      {{ DiscussionBoard.errors[10167118].message }}
      • Profile picture of the author savidge4
        There is the Page that Yukon linked you to that I a decent reference. However if you are placing images in say the header or the Body or the sidebar there are some numbers to pay attention to. Once you figure all the spacing an such the body os right in the 700 to 720 range. Sidebar is 250 to 280 range. Header is right at 1000 give or take.

        each them and overall setup is usually a bit different, BUT you can quickly get in and figure out the max image size in each of these areas by dropping images in. The frame of the page will usually start doing goofy things when you have reached the limits of the box you are placing the image in.
        Signature
        Success is an ACT not an idea
        {{ DiscussionBoard.errors[10167123].message }}
    • Profile picture of the author nettiapina
      Originally Posted by cpsi View Post

      You can use Wp-smush Pluging.
      Here's a link that works:
      https://wordpress.org/plugins/wp-smushit/
      Signature
      Links in signature will not help your SEO. Not on this site, and not on any other forum.
      Who told me this? An ex Google web spam engineer.

      What's your excuse?
      {{ DiscussionBoard.errors[10168278].message }}
  • Profile picture of the author iman24
    A scaled image is an image that has been scaled to equal the size that it is displayed.
    its better to serve scaled image to prevent browser from resizing it before send it to the visitor which will increase your page speed score and check this out for more image optimizations tip
    {{ DiscussionBoard.errors[10167059].message }}
  • Profile picture of the author yukon
    Banned
    If you follow the Wordpress doc. link I posted earlier you'll see that WP creates 3 different image sizes each time you upload an image.

    Pick whatever size image you need.





    {{ DiscussionBoard.errors[10167128].message }}
  • Profile picture of the author MLeblanc12
    If your site is WP-based, you will find plenty of plugins that will provide you hands-off solution for faster image load..
    {{ DiscussionBoard.errors[10167446].message }}
  • Profile picture of the author warsamantha
    About page speed: image size google can help you:

    Look for those images that can be compressed:
    https://developers.google.com/speed/pagespeed/insights/

    After see the compression % are you still insterested?? Ok Google's recommendations:

    https://developers.google.com/speed/...OptimizeImages

    I hope it can help you about the subject page speed
    {{ DiscussionBoard.errors[10167715].message }}
  • Profile picture of the author jasonthewebmaster
    Banned
    Google Chrome page speed extension will not only tell you what exact images should be compressed, but it also uses google's api to actually compress them fully and gives you the new image fully compressed.

    This is the only thing that I have tried that works on every image, 100% of the time. Any other image compression tool including smushit, and even high-level desktop software could not compress every image fully 100% of the time.
    {{ DiscussionBoard.errors[10168291].message }}

Trending Topics