Trouble with upload & show pictures with their actual sizes.

[alexbellini]

I’m trying to upload images on my website, (both on the homepage slider and on the pages below the homepage, but the images don’t look nice. They are very small or very big (up to 200% of the size) in comparison with the width of the page.

see the webpage: http://www.adrift-themission.com

Topic

[Jason Bobich]

Hi,

On your slider, the image you’re using is just displaying at the natural size you uploaded it as. Your image is 10368×5716. Yikes! That’s a gigantic image, and is going to take way too long to load, anyway. I would recommend using an image that is about 1200-1600px wide.

Where else are you having a problem? I don’t see any other custom images on the page. I do see a link to one broken image in the section “Take full control of your content” — Is this what you’re talking about?

If so, here’s a few things I notice about this image:

1. First, the file doesn’t exist: http://www.adrift-themission.com/wp-content/uploads/2015/10/taglio-iceberg-300×70.jpg — Not sure if you inserted it, but then deleted it?

2. You inserted the cropped version of that image, 300×70. So, this means you’re taking a 300px wide image, which is going to look really distorted, when stretching 100% width of the browser window. — When inserting an image with the WordPress media handler, you can select the crop size of the image you’re inserting over on the right side of the modal window. See screenshot: http://www.uploadblvd.com/uploads/image_560c174d2a46e.png

3. And then in regards to the thing about the image being stretched to be 100% of the browser window. This is just done through the options of the layout. If you’re not wanting that image to display at 100% width, then within the options of the image element remove the 100% I added in the width option.

[Author]

Replies