/ blog | gallery | resize images online or offline maintaining quality

Updated June 16, 2008

Reshade Desktop Photo Enlarger - How to Enlarge a Photo Maintaining Quality

Filed under: Stand-alone Reshade, Reshading examples — subpic @ 9:28 pm

As you might know from our site, Reshade is a high quality image enlargement utility. The desktop version of Reshade allows you to enlarge images, zoom and optimize the enlarged photos through adjustable controls. This is a basic tutorial where we will figure out how to enlarge a picture and play with this tool to get optimal results. Remember to click each image for a larger view.

The basics of Reshade interface are already discussed in the help section. We will get right down to the fun part.

  1. First we need an interesting subject to start with; go to ‘File’ menu and select ‘Open’. Simply browse to the image you want to enlarge and select open. You can drag and drop the image to Reshade as well as press Ctrl + O to open a file. The picture you wish to enlarge will appear in its original size in the right panel on Reshade. A zoom of the selected area within the box on the right panel can be seen on the left.
  2. And the image by Code Poet we are going to play with:

    Code Poet Photo

  3. Resizing the Image: The ‘Zoom’ option on the top left lets you alter the image size. Higher zoom value deteriorates the enlarged photos’ quality but we can take care of that through Reshade’s multiple features a little later. With this picture enlarger you can zoom up to 150 mega pixels, but we are just going to enlarge the image to 2.10 zoom. The end product will be just over double the size of the original. Another way of doing the same would be to enter the image size you want under the ‘new size’ option. Entering either width or height will auto adjust the other one so the proportions do not change.
  4. Focusing: The box you can see on the right panel is shown zoomed on the left panel. Simply click on a section of the image to select it. Or, for a smoother transition, hold the left mouse button down and drag it. In the image I have chosen, the beetle and the center of the flower are two important things I want to be able to look at while I work on sharpening the image. Scroll over so both are covered in the panel and we can start with the sharpening.
  5. Using Smooth: It is easy to note the blur that creeps in when you enlarge a picture, as can be noted in the overlaid image on the screenshot; we are going to get rid of that and much more. For best results, play with and get to know the tools involved here. The idea is to let Reshade Picture Enlarger load the preview before you change more than one value. My first reaction is to get rid of the noise when I enlarge an image, the option to ‘Smooth’ works for that. Shift the value up gradually here and check the results. See how you can steadily remove the noise from the image. Once the noise is gone, higher values will blur out the details. We want to maintain the quality of the image even when it is doubled its original size so we will not go too far. At around 15 I think the image gets noise free while the beetle and the pollen do not lose their clarity. The petals have defined shapes even with the slight blur. We don’t want to lose that either.
  6. Using Texture: We will turn to the ‘texture’ now which enhances the image through creating contrast. A good way to find out how it affects the image is to take the value to max and let the preview load. I have cropped and overlaid how the beetle looks at max texture settings. Note how the spots have brighter halos. Obviously that is overdoing what is required here, so let us get back to subtleties. Move the bar back down to 15 on texture. You will see that the bright outer glow for the beetle will disappear. We are a step closer to the goal.
  7. Using Accuracy: Once you enlarge the pictures, image ‘accuracy’ helps smooth the edges. Here it’s hard to spot how it works with the image unless you alternately max and 0 out the accuracy bar alternatively. Wait for it to load and then check the aura of the beetle at every update. Note the overlaying image at 100 ‘accuracy’ I have cropped and placed alongside the beetle’s preview at 50 ‘accuracy’; at 100 the edge probably smoothes out more than what was there in the original image, we will settle for 50.
  8. Using Threshold & Control: By now you can see we are doing pretty well. But check the overlaid image I have pasted in the screenshot. The region between the petals appears hazy before we adjust up the ‘threshold’. It works to make edge transformations smoother.The ‘control’ settings work to sharpen the edges, giving them quite an interesting look at high values. Here if we change the control much more than the auto setting, the edges become too sharp. So, for now, let’s set threshold at 15; notice how that green area between petals smoothed itself out to match the original image?

  9. Saving the file in Reshade: Now that you have successfully managed to enlarge the image, it is time to save your effort for comparison, click ‘best edges’ under the ‘quality’ gauge and it would be a perfect match. Go to the ‘file’ menu and select ‘save as’. You can save the file to your chosen destination, Ctrl + S is the hotkey. For those trying the unregistered trial version of Reshade, there will be a prompt to inform you that the saved image will have Reshade watermark on it, but the image will still be saved. The licensed version will give you the clear picture. Once you have saved the image, it is time for some comparison to see how your picture enlarger did. You can open the original image you started with and compare it with the enhanced image to find the same detail present there as well. Have a good time resizing! Kudos!
  10. And the final result:

Updated May 24, 2008

Problems with User Sessions

Filed under: Reshade development — subpic @ 8:20 pm

I want to apologize for the the problems with user sessions today. Every user was logged out every few minutes in the last several ours. The problem has been fixed now.

Updated May 19, 2008

Reshade Site-Membership: Resize Images From Your Site (Beta)

Filed under: Online reshade, Reshade development — subpic @ 12:01 pm

Resize images directly from your own site with reshade.com. Place a resizeit sticker to quickly and easily allow your visitors to use the reshade online image resizer.

Never worry about the size of the wallpapers on your site. Be assured that as long as the size of the original image is within decent limits (3x zoom) you will have all the standard wallpaper resolutions in a snap. Just add a link to the reshade resize page with the URL of the image you want resized and we do all the rest.

Resize your images from 1024×768 to 1600×1200 with no quality loss. This includes maintaining sharpness, focus, the original softness and all the necessary details that make for a great wallpaper. Get the most accurate resizing technology available today at this zoom range for free.

You can make a direct link from your site to the reshade resize-image page.

http://reshade.com/add?private=<private status>&urlfromsite=<your image url>

How it works

You will place links on your site like the ones below:

1. use an image link

2. or text link
resize it

The first time someone clicks on the link, reshade.com will get the image from your site and cache it on our servers. This will happen only once. All future clicks will just display the reshade resize-image page for your image. Here anyone can resize, crop and enhance your image.

As an added bonus you have the possibility to display your images in our public gallery. This feature is optional, you can keep your images private and only accessible from your own site if you like. All images have a link back to your home page.

How to get started

Start resizing your images from your own site in 3 easy steps:

  • create a user account on reshade.com and set your home page correctly
  • send us a notice stating that you would like to activate your site-level membership. Please include the user name you want to activate or the corresponding email address.
  • after we activate your account you will receive a confirmation email and you’re ready to use the site-level membership

Every image you add to reshade.com this way appears in your “my pictures” collection when logged in.

The code

How it looks


How it’s done
Place the following text under your images and change the URL to point to your own images:

<a href=”http://reshade.com” onclick=”location.href=’http://reshade.com/add?private=yes&urlfromsite=’ + encodeURIComponent(’http://reshade.com/picture/medium/50161277.jpg‘); return false;”>
<img src=”http://reshade.com/static/images/resizeit.gif” />
</a>

Your image URL is added to after the “urlfromsite=” parameter (bold text). If you do not specify a value for the private parameter or enter a value of “no” the image will be added to the reshade public gallery. Otherwise it will be kept private and only accessible directly through the link on your site. You can use anything else in place of the <img [..]> (the part in italics). You can even use the image thumbnail to link to the corresponding reshade resize-image page.

See reshade site membership in action here: subpic.com or go directly to this page showing a quick example.

Updated April 14, 2008

Site updates (since the last post)

Filed under: Online reshade, Reshade development — subpic @ 4:31 pm

Latest changes to the online application:

Gallery

  • image size and number of votes are always visible: on some systems there was a lag when scrolling the window because of the javascript events
  • larger perspective on thumbnail auto-zoom: crops are made from the 600×600 px medium sized image

Image resize page

  • changed placement for gallery types (my / hot / new / top)
  • options that require login are more clearly highlighted
  • images have been split into three types:
    • those below 800×600px
      • higher zooms (up to 6x) are allowed
      • have a better quality when resized
    • those with more than 4 up votes
      • better quality
      • because sharpening or smoothing are resource intensive it is disabled
    • the rest
  • collections can be modified by anyone now
  • changed placement of image title and author
  • related pictures from the same author are displayed below each image when available
  • more detailed “how to use” section
  • delete/undelete image without opening a new page
  • new smoothing method (smooth 1x) that removes artifacts better
    • it still has a minor problem on some images, a visible halo around the edges, but this will get fixed
    • display current zoom level for each image/crop selection
    • fixed bug with the crop tool: it displayed weird vertical lines
    • fixed bug with sharpening: it is stronger for very low zoom levels

    Add new image page

    • option to set the image public/private automatically after uploading
    • do not allow re-posting images that are already on reshade.com
    • some jpeg files are not displayed correctly in some browsers so a conversion to friendlier formats is done now

    There may be other changes that I did not mention here. If you have any suggestions, please take a minute to comment.

    Updated March 21, 2008

    Reshade Client - New Version 1.4

    Filed under: Stand-alone Reshade, Reshade development — subpic @ 11:30 am

    Changes since version 1.3:

    • speed optimizations including support for SSE instruction set of modern desktop CPUs (Intel Pentium III / AMD Athlon XP or newer)
      • speed improvements range from 30% to over 100% (depending on image size)
    • Reshade can now also shrink images: zoom factors smaller than 1 are allowed
      • sharpening (texture) and smoothing also work when down-scaling an image
    • go to save folder check box (in save dialog): automatically open an explorer window to the folder you are saving an image to when resizing finishes
    • pop-up full file path in status-bar
    • more accurate prediction for completion time in the save progress dialog
    • better placement for best colors, renamed to best edges (more suitable)
    • fixed: save image while refreshing hasn’t finished yet
    • fixed: watermark notice on very small images crashed the program sometimes

    Updated March 12, 2008

    Site update

    Filed under: Online reshade, Reshade development — subpic @ 5:04 pm

    Changes:

    • fixed bug with thumbnail zoom images overlapping each other
    • changed to smaller thumbnails so that more images fit on 1024 px wide screens
    • fixed bug on gallery page when using Opera internet browser
    • updates to details page (where you get to select the resize resolution)
      • resized it to fit on 800 px wide screens
      • added zoom ratio on the image details page to better grasp the level of resizing made
      • changed the way smaller images are placed on the details page
      • changed where quick info is placed on details page; wider container to make it easier to follow the text
      • changed how cropping works when original zoom is selected in the resolution drop-down: now it crops the selection and not just return the original
      • fixed problem when selecting crop for the first time: constrain is automatically visible, the crop box is centered on the image
      • fixed bug with crop tool: sometimes it displayed vertical lines at box margins
    • resizes are processed more than twice (sometimes even 3 times) as fast since the last update
    • some changes have been made to the smoothing method; the resulting images look less smudged now

    Updated March 12, 2008

    Server downtime

    Filed under: Online reshade — subpic @ 6:29 pm

    There has been a network outage recently. Our service providers are upgrading their hardware, and some packet loss was experienced. Hope you didn’t have to wait long for the site to get back up and running.

    Updated March 1, 2008

    Site update

    Filed under: Reshade development — subpic @ 1:46 pm

    Fixed a few problems with the site interface:

    • smaller images center correctly when using quick preview
    • thumbs that are small enough to fit the preview do not have a quick view icon (Quick Preview)
    • only allowed resolutions (below 3x zoom) are enabled on the resize page (adjusted dynamically as you select the crop region)
    • better “hot” ranking, combines novelty (how old the image is on the site) and votes with a new method
    • make images on gallery pages float centered when resizing the browser window

    Updated February 26, 2008

    Reshade Client - New Version 1.3 released

    Filed under: Stand-alone Reshade, Reshade development — subpic @ 2:07 pm

    Changes in this version:

    • interface updates
      • more detailed descriptions for the main settings
      • tool-tips for the status bar
      • changed default settings
    • adjustable image panes
    • added quality setting
      • allows better quality resizes
      • noticeable especially at zooms lower than 5x
    • added automatic update notifications
    • better working defaults for
      • accuracy
      • threshold
      • quality

    Updated February 21, 2008

    Site update

    Filed under: Reshade development — subpic @ 5:58 pm

    Finally, we’ve synced a version of the client algorithm to the one on the site. It works a little faster and has the best accuracy until now for sharpness estimation. Stretching also works nicely, faster than before.

    We had some problems yesterday with the increased traffic. Users had to wait a little longer for their resizes. Also, the server crashed several times, but didn’t cause too much downtime. Because of this we had to change the algorithm to a faster but lower quality version. Don’t worry, we’ve changed it back a few minutes ago to the better and faster one. More work in this direction should make it even faster. Hope it won’t lag that much now. Enjoy!

    Next Page »

    © Reshade