In 10 seconds flat for FREE

Upload the Photo you want to Watermark

(jpg, png, gif or bmp format images smaller than 30 mb supported)

No photo has been uploaded
Upload Your Image

No watermark has been uploaded

Upload Your Image

Select Watermark position

How to add a watermark to a photo

The Squish Image Optimízer allows you to add an image watermark to a photo in 4 simple steps.

* The Squish Image Optimizer does'nt resize your watermark! So you should make sure that the image you want to use as a watermark has the appropriate height and width.

Need more. Look here

Click here to
Compress, Resize and Watermark all your Photos
in 10 seconds flat

Link The optimal photo size for your website

The optimal photo size for your website

Knowing which photo to show online essentially boils down to two things:

  1. What you want to convey
  2. Who you want to convey it to

If you are an architect showing a client your latest design. – You better make sure that you have images with a resolution to match what you hope to take out of his pocket. - If you sell knitting patterns to American housewives the situation is different.

No matter who you are and what you want to convey, your images should match your target audience.

If you sell products online: You want your product to stand out. You want to show the image that will convince visitors to buy the product right now. - But you don’t have to show the 4404x2828 pixels version of a toy bear to a visitor without the technical means to see it. Doing so will only cause page load time to skyrocket and impatient visitors to drop your shop altogether.

In short you need to balance the need to show the very best product image against the internet connection speed and screen-resolution of your visitors.

  1. Showing images that can’t be shown on your visitor's computer or mobile phone makes no sense.
  2. Showing images that take several seconds to download on your visitor’s computer or mobile phone makes no sense.

According to Global Stats: 55% of all desktop, laptop and tablet screens have a resolution below 1366x768 pixels.

How to shave 1 second of your page load speed

Most content management systems (eg: CMS’s) don’t care about page load speeds. The primary concern of a CMS is to make all the moving parts come together in a single easy to use interface.

Shopify – currently the most popular eCommerce CMS – is no different. Even though they have acknowledged the problem and put some measures in to play to address page load speeds. They are not doing a good job as you can see below.

Through the last 5 years eCommerce solutions have begun to look alike – at least in the western world. The goal has been to provide a familiar look-and-feel to customers no matter who they are; and what is being sold. Very few eCommerce CMS’s stray from this path.

The product screen is divided in two. Where the left part features the main product image. And the right features the product description and a prominent buy button. In this example from Shopify – shown as your visitors would see it on a 1366x768 screen. The main product image (eg: on the left) has a size of 510x765 pixels. Due to the size of the screen the main product image is cut off at a height of 510 pixels. – So if this is your shop - better make sure there is nothing essential shown below that. The thumbnail pictures (eg: in the center) have a size of 110x165 pixels.

If you look closer. You will notice that the images used are being resized in the code and are actually a whole lot bigger. In fact the size of the main product image is 1280x800 pixels, and the size of the thumbnail is a whopping 683x1024 pixels. And with a total 1 product image and 7 thumbnails tha adds up to a lot. This waste causes the page load speed to increase by more than a second.

To gain that second on your page load speed, all you have to do is resize and compress your product images.

Need to gain a second on your page load speed. Click here

Click here to
Compress, Resize and Watermark all your Images
in 10 seconds flat

If you target mobile users, know that 50% of all mobile screens have a resolution below 640x360.

Platform Optimal image size in pixels Optimal thumbnail size in pixels Link
Shopify 640x640 240x240 Link
BigCommerce 500x659 60x79 Link
Magento 370x370 50x50 Link
OsCommerce 640x385 100x80 Link
WooCommerce 298x298 132x132 Link
Wix 400x400 200x200 Link
ZenCart 480x480 80x80 Link
VirtueMart 350x350 50x50 Link
Volusion 600x600 150x150 Link
Big Cartel 704x454 ? Link
3D Cart 300x300 150x150 Link
OpenCart 512x512 80x80 Link
WordPress 600x600 112x112 Link
Joomla 698x400 ? Link
Drupal 785x330 ? Link
Blogger 497x373 Format: .ICO Link
Tumblr 500x750 ? Link