Super useful online tools to work with images

by Jean. 20 Comments -

Images are indeed a big part of a website, and as a developer or designer you often have to work with them. Sure, there’s desktop applications like Photoshop or Gimp, but there’s also a bunch of super useful online tools to store, resize, and modify images online. Here’s a round up of the best tools available.

Minus


As a developer or designer, you often need to upload images for sharing them with clients or people you work with. Many websites allow you to do so, but what I really love with Minus is how quick and easy it is: Just drop your image on their website, and it’s online. They’ll even give you a short url so you can share your image easily. No registration required!

Just one request, I hope they’ll add a resize image feature soon.
→ Visit Minus

Smush It


When using images on the web, one thing you must definitely think about is the image size. You need to find the good balance between image weight and quality. Smush It is a tool developed by Yahoo! which allow you to optimize your images without losing quality. WordPress users, note that there’s a WP plugin available.
→ Visit Smush It

Placehold It


When creating a website layout, you often need placeholder images of an exact size. Placehold It allows you to dynamically create placeholder images. To use it in your designs, simply use urls like this: <img src="http://placehold.it/350x150"> to display a 350*150 pixels placeholder image.
→ Visit Placehold It

Resize images online


Don’t want to open Photoshop just for resizing an image? This site is here to help. Just upload your image, specify the desired size, and you’re ready to go!
→ Visit Resize images online

Photoshop online tools


When it comes to image editing, Adobe Photoshop is definitely the most popular software. Adobe launched a light version of Photoshop which is available online. The online app is quite powerful and has many features. Unfortunely you have to register to use Photoshop online.
→ Visit Photoshop online tools

Pixlr express


Pixlr express is a simple but powerful app which allow you to resize images, add effects, borders, watermarks, etc. The app is free and does not require registration.
→ Visit Pixelr express

Aviary Phoenix


Developed in Flash, Aviary Phoenix is a super-complete and free online image editor. A real “light photoshop” that you can access from any computer, without any registration.
→ Visit Aviary Phoenix

I just created a Facebook page for Cats Who Code, so don’t hesitate to become a fan!

Comments (20) - Leave yours

  1. Pon said:

    You are definitely missing Kraken Image Optimizer (kraken.io). It optimizes images far better and faster than smush.it does.

  2. TJ Fogarty said:

    Cheers for the list, I’ll definitely be using Pixlr in the future.
    Another one I find very useful is JPEGmini http://www.jpegmini.com/main/home – it’s much the same idea as Smush It I suppose, but it’s easy to use/good looking.

      • Mou S. said:

        Some of the most obvious ones:

        Smush It
        “..optimize your images without loosing quality.”

        It is not loose, it is lose. An error growing everyday among internet content.
        Unless your intent was for images to not tighten, but loosen.

        Photoshop online tools
        “The online app is quite powerful and have many features.”
        It would be ‘has’ (singular), not ‘have’ (plural).

        Pixlr express
        “The app is free and do not require registration.”
        Like photoshop online tools, the form of the verb is incorrect.
        It would be ‘does’, not ‘do’.

        There are others (punctuation, grammar, etc), but as I have violated many
        rules in this reply myself, they are more for the English majors to cry about (as one does to me in txts on a daily basis)

        Hope this helps for future articles…

  3. Syamil MJ said:

    If you’re using WordPress then you can resize/crop/scale down to practically to any size you want with this small little script -http://www.wpexplorer.com/resize-wordpress-images-on-the-fly-with-aqua-resizer

    Oh, and it’s completely native & secure :)

  4. Daniel said:

    Should also add rsizr.com here. It resizes images by removing the “boring” parts of the picture first, so you can actually shrink an image on only the x or y axis without squishing it – try it out!

  5. valeriy said:

    Hey Jean-Baptiste Jung,

    Awesome post. Im a recent fan of catswhocode and i must say that ive opened photoshop for placeholder images countless times. Having a quick url like is awesome.

    Im about to try Pixlr express for when im on another computer outside my laptop. happened several times when i forget my charger :D

    awesome stuff man, dont let grammar hold you back. this is great.

  6. Mrinal said:

    No wonder I keep coming back to read the Cats.. Lol..
    And don’t bother about English thing that much. Not everyone knows everything. Use something like WhiteSmoke software.

    Will give try to Aviary and Pixlr….
    Thanks..

  7. David Tym said:

    Tinypng.org is worth noting as they do a great job of compressing 24-bit PNG files to 8-bit lossy versions complete with transparency. They manage to squeeze out much smaller file sizes than Photoshop as well.

Leave a Reply

Your email address will not be published. Required fields are marked *

Please respect the following rules: No advertising, no spam, no keyword in name field. Thank you!