Slider Images Wrong Size

Resolved nathanagin
(@nathanagin)

12 years, 4 months ago

I’ve changed the images for the slider to be the correct ratio (49:19), and in some cases, have made the images closer to the size requirement (980×380), but the slider is still pulling the original image. I’m getting different behavior on almost all the slides.

Here is the homepage: http://nathanagin.info/demo6/

For Slide 1 (man with hammer), the image is much larger than 980×380 but has been scaled down.

When I go to view image for Slide 2 (man with drill), I get:

http://nathanagin.info/demo6/wp-content/uploads/2014/02/P2020509-980×380.jpg

Which appears to be an automatically generated image, which I did not create. I crated this one:

http://nathanagin.info/demo6/wp-content/uploads/2014/02/P2020509-e1391493913563.jpg

For slide 3 (chart), it’s the same issue. I used WordPress to scale the image down to 380px height, but the original large image still remains. I have gone back to Slide and unselected featured image, then reselected it. Cleared cache, but nothing seems to work.

Thanks for your help. Great theme!

Viewing 7 replies - 1 through 7 (of 7 total)

Thinkscape
(@thinkscape)

12 years, 4 months ago

Hello!

For your first slide you used image that is almost square, while the slider is horizontal. So your image was resized, and that’s the result. It works like this: when you upload an image WordPress generates different sizes as defined in the theme. Depending on theme settings those images are hard cropped to match certain size, or not.

Thread Starter nathanagin
(@nathanagin)

12 years, 4 months ago

Thanks for your post.

So, how do I fix this? And, FWIW, when I originally uploaded all 3 images, even though some were portrait, they were all stretched to fit the horizontal slider. The dimensions were larger than 980×380.

Theme Author alex27
(@alex27)

12 years, 4 months ago

All slider images should be horizontal, and min 380px heigh. Higher images will be cropped. If you want more control you can prepare images that are exactly 980px wide, to make sure they won’t look weird or stretched.

Thread Starter nathanagin
(@nathanagin)

12 years, 4 months ago

Do I need to re-upload images?

I edited this image in WordPress to 981×336, and saved it, then used this image as Featured Image, but the slider is still pulling the *original* image.

http://nathanagin.info/demo6/wp-content/uploads/2014/02/P2020509-e1391493913563.jpg

Theme Author alex27
(@alex27)

12 years, 4 months ago

You might need to regenerate thumbnails. Since slider uses custom size, editing image in WordPress might not produce the results you want. As I mentioned earlier if you want to make sure your image won’t be resized in unexpected way, prepare and upload images that are 980px wide.

Thread Starter nathanagin
(@nathanagin)

12 years, 4 months ago

Yes, I ended up just creating new images that adhered to the specs. It seems best, though, to also create an image that is only 380 px wide. What would happen if the image was 980×1000? My guess is it would only show a portion of the shot.

I have no idea if it’s possible from a coding perspective, but it would be really helpful (and a better UX) to have the slider use the updated, edited image, especially when WordPress and everything else recognizes the image as being edited/re-scaled.

Thanks again for your responses and your suggestions. Definitely a great theme overall!

Theme Author alex27
(@alex27)

12 years, 4 months ago

Actually it does use WordPress built in mechanisms for handling images, I wasn’t re-invnting the wheel here 🙂 The theme defines custom thumbnail sizes and that’s it – it’s WordPress job to generate those etc. So I honestly don’t know why your edits were not applied, I’m gonna have to look into this some time.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Slider Images Wrong Size’ is closed to new replies.

Tags