I'm primarily a content writer, but I've been asked by a client to upload content to their website. The problem is when I'm trying to upload a creative poster image, the content management system requires me to crop the image in various ratios: 16:9, 3:4, 4:3, 1:1, 21:9, 2:3, 6:4, and 9:16. The image ends up getting cropped awkwardly in different ratios, which looks really off. I'm not sure how to handle this situation, and I've attached a screenshot for reference (though it's just a placeholder for the actual image I need to upload). Any suggestions on how to approach this?
4 Answers
I think the issue you're facing is more about the content manager than your skills. Often, these tools have options like 'cover' that crop images to fit without keeping everything in view. It might be worth chatting with your client about this setup since there could be a better way to manage image ratios on their end.
It's tough to give a pinpoint answer without knowing exactly what software you're using, but typically, web developers solve these problems with CSS frameworks or settings. Don't hesitate to let the client know this task might be beyond what they should expect from you; sometimes they think all changes can be made instantly!
It sounds like you're dealing with a tricky UI issue! Centering the main subject of your image (like the tennis player's face) and cropping from the bottom might help with those auto-resize issues. I'd recommend using Photoshop or even an online photo editor to get the right cuts. Tools like Figma can also be useful if you prefer something web-based.
You're not alone; cropping in multiple ratios can be a pain! If you're limited by the platform, it might be necessary to compromise on which part of the image is shown based on the dominant ratio. Make sure to consider how the site handles different aspect ratios across devices too.
Related Questions
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads