438 posts
  • Has been part of the Envato Community for over 4 years
  • Sells items exclusively on Envato Market
  • Located in United States

Are there any rules or guidelines you use when coming up with your image sizes and aspect ratios?

I’ve noticed the current TF trend is for very wide images, something along the lines of 940×300px for the giant scrollers and 600×275px for blog images.

With standard camera and video aspect ratios are 4:3 and 16:9, if a user uploads an image and is replying on auto cropping the results are going to be less than desirable.

Have any of you as developers had any complaints about this?

I’m trying to work out the image sizes for a theme I’m working on and just wanted to know if I am missing something or if most of you are using a ‘what looks best’ approach.

Input from buyers would be helpful as well. Are buyers cool with having to use photoshop to pre-crop their images?

1786 posts
  • Won a competition
  • Has sold $5,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 5 years
+2 more

There’s no need to crop an image. If you have < img src="myimage.jpg / >, you can just write img { width: 640px; } and the height would adjust itself without having to write complicated javascript to calculate the height.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes