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!

  • Pon

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

    • http://www.wprecipes.com Jean-Baptiste Jung

      Definitely a great tool! Thanks for letting me know about it.

  • http://tjfogarty.com TJ Fogarty

    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.

  • http://www.dinovici.com Vic Dinovici

    Placehold it is a very useful tool for making fast wireframes.

  • Mou Serivs

    Terrible spelling and grammar errors for an article.

    • http://www.wprecipes.com Jean-Baptiste Jung

      As English is not my mother tongue, I do my best, but I still do some grammar errors. If you let me know which ones, I’ll be able to correct the article ;)

      • Mou S.

        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…

        • http://www.wprecipes.com Jean-Baptiste Jung

          Thanks, done :)

  • http://www.bodyman.dk Steve

    I’ve tried Aviary and it’s pretty easy to understand and use. I’ll check out Pixlr Express.

  • http://aquagraphite.com Syamil MJ

    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 :)

  • http://www.shareyourride.net/ Daniel

    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!

  • http://aloanuntilpayday.com valeriy

    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.

  • http://99techtips.com Shekhar

    Bookmarked this post. Aviary is the one i use…

  • http://ijustutter.com Mrinal

    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..

  • http://www.unbglobal.net Leon Dawson

    I would rate Aviary and Pixlr as the Top 2 sites.

  • https://plus.google.com/u/0/112227812553647237222/?rel=author Moti

    Pixlr express is great and super useful, but I’m gonna try more tools now for sure.

  • http://chrisburbridge.com Chris Burbridge

    Hey thanks for this post ! — I have come back to it now 3 times as a reference, using different sites for different functions!

  • http://www.coseats.com Torsten

    I like cloudinary. Takes care of your upload needs.

  • http://www.greensprocket.com David Tym

    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.

    • Martin

      http://compresspng.com is better