2

I have an image style: Scale 580x580px.

  • When I upload a landscape image it gets a width of 580px.
  • When I upload e.g a portrait image with 809 (width) x 1100px (height) the width of the image (after image style is applied) on the page is 427 x 580px.

How do I manage the width is always 580px? So for all uploaded landscape and portrait images?

Improve this question
2
  • I believe you need to use "Scale and Crop"
    – No Sssweat
    Oct 25 '16 at 8:28
  • @No Sssweat but don't you think with Scale and Crop it cut's the image to exactly 580 x 580px? If I upload an image which is 600px x 900px the image style should make the image 580px x 870px
    – meez
    Oct 27 '16 at 6:29
1

Scale only scales the image so it looks proportionate. It will go with either the height 580px or width 580px, which ever is closer.

If you want your image to be exactly 580px x 580px you could use Resize but you will see your image will look stretched.

The only other option that will give you the exact 580px x 580px is Scale and Crop

If you are afraid that something important will get cut off, you can use this awesome module:

Focal Point by DA's own bleen

Focal Point allows you to specify the portion of an image that is most important. This information can be used when the image is cropped or cropped and scaled so that you don't, for example, end up with an image that cuts off the subject's head.

Then use Focal Point Scale and Crop as your image style effect.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.