Logo CWS PNG Long
CONTACT
START A PROJECT
SERVICES
MARKETING
E- COMMERCE
Close Icon Menu

EN

Logo Crazy Web Studio Phuket Dark

MENU

Menu Icon

Image optimization for the web & How to?

Aug 21, 2017

Image Optimization Phuket Web Company

Why is it important to optimize images for your website?

They say a picture is worth a thousand words, which is one of the reasons images are so important e.g. in ecommerce. Without the customer being able to pick up, touch and inspect product, they rely heavily on the images to understand the color, the quality, and the story of the product.

So it goes without saying that your images need to be hi-resolution and crisp. But, this comes at a price. Large, high definition images can have huge file sizes. Put a few of these on your site and the customer experience of navigating can end up in long wait.

Not only will this cause visitors to bounce, but in time, Google will notice as well, and this can affect your SEO.

To omtimize all your Images for your webpresence the Crazy Web Studio recommends the image optimization tool RIOT.

What is RIOT?

 RIOT stands for “Radical Image Optimization Tool” and is a very powerful, small and free  image optimizer that will let you to visually adjust compression parameters while keeping  minimum filesize.

A short tutorial how to use RIOT

Riot Image Optimizer Tutorial 01

step 1

  • Drag & drop the selected image into the RIOT window.
Riot Image Optimizer Tutorial 02

step 2

  • click “EDIT” & “RESAMPLE” in the menu bar
  • set output Quality & method of Encoding (recommended  “Progressive 85%“)
Riot Image Optimizer Tutorial 03

Step 3

  • set the output Image width

-recommended image width:
-fullwidth: 1920 pixel width
-gallery images: 1024 pixel width
-modul images: 540 pixel width

  • if  “Keep aspect ratio” is selected RIOT will automatically set the image hight
  • click “OK”
Riot Image Optimizer Tutorial 04

Step 4

 

  • click “Preview” in the right upper corner and the otimized image size will apear above the preview image
  • click “Save” and choose the output folder on your device
Riot Image Optimizer Tutorial 05

step 5

 

  • to optimize multiple images in a single task open the “Batch optimizer”
Riot Image Optimizer Tutorial 06

step 6

 

  • drag & drop multiple images into the Batch optimizer window
  • set the image width (as shown in STEP 3)
  • set the output folder and click “Start”
Riot Image Optimizer Tutorial 07

step 7

  • If you like to use a custom image size open “Additional tasks” in the left upper corner and click “compress to size”
Riot Image Optimizer Tutorial 08

step 8

 

  • set the value in “Filesize treshold”
  • click “Start”

Recommended Image Dimensions

Fullwidth Images

1920 pixel width

Gallery Images

1280 pixel width

Module Images

650 pixel width

John Profile Picture
Written by
boss

More articles

Crazy Web Studio Team 10 Years Aniversary (1) 1
May 12 2022

Crazy Web Company 10 Years Anniversary

We believe that longevity is one of the best indicators of a business’ strength, and this is particularly relevant when it comes to web design and web development....
Ad Worlds Thailand 1
Feb 10 2022

Crazy Web Studio TOP Ad Agencies in Thailand

Crazy Web Studio Co.,Ltd has been awarded as TOP Ad Agencies in Thailand – Ad World Masters Agency of the Year 2021 Winners!
Streamlabs Article Crazy Web Studio
Oct 10 2020

How to multi stream with Streamlabs OBS

Build your brand in Multistream with Streamlabs OBS Simultaneously broadcast to Twitch, YouTube and Facebook we customize your Streamlabs OBS.
Crazy Web Studio Covid Article
Apr 04 2020

We’re still here for you! – Covid19

In these tough and challenging times, where the COVID-19 pandemic is occupying our very thoughts and minds, we at Crazy Web Studio in Phuket, are very much aware of the...
Mar 09 2020

Crazy Web Studio – you dream it, we make it a reality!

You need a new website? You’ve come to the right place. You need to develop a new app? Perhaps a new business brand identity? We’re here to help. With Crazy Web Studio,...
Jan 19 2020

How Much a Website costs in Phuket?

A fortune, you think? What exactly do you even get for this money? Check our special offers and welcome in the digital world!
Nov 28 2019

Black Friday Phuket! Your New Website! Discount 5000 THB

Black Friday Big Sale. 5000฿ Discount For All type of website, Purchase It Now! A Unique Website With a Distinctive design to attract more clients to you!
Nov 25 2019

Crazy Web Studio with the Thai – Italian Chamber of Commerce

It was an honor to participate to Ospitalità Italiana Awarding Night in Phuket at KUDO Italian Restaurant, an event helmed by the Thai – Italian Chamber of...
VILLA RENDERING PHUKET 3D DESIGN CRAZY WEB STUDIO Thailand 01
Nov 01 2019

3D Design & Rendering Services in Phuket

A look from the has never felt and looked so real! No, what you see on these images aren’t real pictures, but very close! This, in fact, is a recent 3D...
Oct 15 2019

Rice Kata Beach – Rooms & Apartment for Rent

?▶ Rice Kata Beach – Rooms & Apartment for Rent ◀ ? Who are they? Rice offers comfortable rooms and apartment for rent at affordable prices in a quiet area in...