Jump to content

optimize image for web publishing


krisdeckers

Recommended Posts

The answer to that question would depend upon what size requirements the web site has and what size your picture is to begin with.

 

You don't need to use a percentage amount of reduction, you can specify the size to resize a photo.  Of course this too would be dependent upon the existing dimensions of the photo.

 

To specify a new size based solely on the dimensions, go to the menu selection, "Image" and then select "Resize".  The default selection is to resize by dimensions, so simply put in the desired dimensions to that of the web site.  Of course, you may need to crop your image first if it is more of a square photo and you desire a more rectangular image.  Also it may also be necessary to remove the check mark from the line that reads, "Maintain Aspect Ratio".

 

Play with it a bit before saving so you can get a feel how it works - you can always undo what you've done and retry other settings until you're satisfied with your results.

 

On a side note, depending upon how the photo is used, some web sites have options to simply display an image at a size different from what it actually is.  I would recommend you learn as much about the various options of the web site before you actually modify the photo to determine if it is actually necessary to physically resize it.

Edited by jim100361
Link to comment
Share on other sites

Adding to what Jim has said, some images lend themselves to the jpg format - like photos. The format automatically optimizes the image by way of compression. You can specify how much compression is used. The downside is that quality suffers. Usually it is hard to detect the quality loss above 90%. This will create a smaller file which will download faster.

PNG is a great format for images which don't have the complexity of a photo. These can be further optimized with the tinypng or optipng tools.

One of the greatest optimizations you can make is to size your image to the size it will be displayed. Its a waste of bandwidth to serve a 3000x2000 pixel image when its being displayed at 620x480 pixels.

Link to comment
Share on other sites

My favorite is riot (radical image optimization tool). I'm using it as 'Save for web' plugin in IrfanView. But there is a stand-alone version too.

Would be great if we could get it once as a paint.net plugin.

  • Upvote 1

midoras signature.gif

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...