Dark Peak Digital

Tel: 01457 607 074

Request your free SEO audit

Search on the site

Size Your Pictures Correctly. Higher Converting Websites #3

09

February

Size Your Pictures Correctly. Higher Converting Websites #3

Compress your images. Readers tend to get annoyed when they’re waiting for a 2MB image to load when it should be only 20k instead. Graphics software like Photoshop can compress images so they take up less space in your hard drive, which in turn take less time to load into your visitors’ browsers. The best recommendation is to get a graphics software and shrink those file sizes.

Image editing software, such as Photoshop, can adjust many variables in your image.  Some are relative variables, and some absolute.

If you scale the image down, Photoshop will decrease the number of pixels in the image by resampling them (averaging the values of neighboring pixels to make new pixels), if try to increase the number of pixels in your image Photoshop will interpolate new pixels (inventing new pixels based on surrounding ones) giving you a bigger, but fuzzier, image.

The way to control this is with the “Resample Image” option in Photoshop’s Image Size dialogue box. If “Resample Image” is on, and you change a document Size measurement (Width, Height or Resolution), it will adjust the number of pixels accordingly, either scaling down the image, or resampling it up (decreasing image quality). If “Resample Image” is turned off,  you cannot change the Pixel dimension, and changing the Resolution will affect only the Document Size and vice-versa.

Tip 1: You can see the dimensions of your image in pixels by hovering your mouse over the file name in your computer’s window browser. To calculate the size in inches that an image will be when printed divide the number of pixels by the print resolution. To calculate what size your image will be on screen divide the number of pixels by 72. compressed images

Tip 2: When cropping and resizing an image, to work out the correct size multiply the number of inches by 72. This will give you the dimensions in pixels which is the numerical value used in html code. For example, if you want a 6×4 inch photo, the pixel width and height will be 432 x 288.

Tip 3: Whenever resizing your images for use in websites, never overwrite the original image, just in case you need it later for print. Instead, give it a new name. Images can always be downsized but never upsized – they become pixelated and of poor quality.

Tip 4: If you want to show a larger version of an image, you can always include a link to the original image. If the image belongs to you and you do not want someone else claiming it as their own, add a watermark of your name on it.

  ,     No tags,     0 Comments

0 Comments

  1. Your comment is awaiting moderation.

    Interior design

    […]Every the moment inside a whilst we pick out blogs that we read. Listed beneath are the most current websites that we pick out […]

  2. Your comment is awaiting moderation.

    American singles dating site

    […]one of our visitors not too long ago encouraged the following website[…]

  3. Kiss Chat says:
    Your comment is awaiting moderation.

    Kiss Chat

    […]always a large fan of linking to bloggers that I like but don’t get a great deal of link love from[…]

  4. Your comment is awaiting moderation.

    https://youtu.be/LGAcnLXbnAw

    […]Here is a great Blog You may Locate Intriguing that we Encourage You[…]

  5. Your comment is awaiting moderation.

    Solar Stairs Light

    […]always a large fan of linking to bloggers that I like but don’t get a lot of link adore from[…]

  6. Your comment is awaiting moderation.

    Mario Costumes

    […]just beneath, are numerous absolutely not related web pages to ours, nonetheless, they may be surely really worth going over[…]

  7. Your comment is awaiting moderation.

    https://youtu.be/v9MMRSuY4SE

    […]Here is a great Weblog You might Come across Exciting that we Encourage You[…]

  8. amkpici says:
    Your comment is awaiting moderation.

    …[Trackback]

    […]Wow, wonderful blog layout! How long have you been blogging for?[…]

  9. Your comment is awaiting moderation.

    …Visitor recommendations

    […] What web host are you using? Can I get affiliate hyperlink in your host? I want site loaded up as quickly as yours lol[…]

  10. Your comment is awaiting moderation.

    …Links

    […] What web host are you using? Can I get affiliate hyperlink in your host? I want site loaded up as quickly as yours lol[…]

You must be logged in to post a comment.