A picture says a thousand words.
An Image is the second most used element in the internet today.
With the evolution of the smart phone with high pixel cameras and tons of image editing apps, and social sharing apps, users share images.
But there is a difference between high quality image and an average good looking image,
average image can be produced by smart phone cameras or digital cameras.
While Dslr and mirrorless cameras are used for high quality images.
There are 3 types of images used currently on the web, 2d, 3d image and 360 image.
Some cameras can produce a 360 image and some apps are used to view them like google cardboard, you can download cardboard camera in your phone take a 360 pic and see them in a vr box.
But we are talking about how to use our images in a website or mobile app.
Diff types of Images. And Webp image format
1] How to produce QUALITY images, YOU may use your phone but you may also try a professional dslr or mirrorless camera for higher quality image, your first presentation can give a long lasting impression. It is always good to take a course on basic photography for operating your camera in manual mode or else You may hire a professional photographer for the same, if you are hiring a professional
Do not forget to collect the raw image files of all pics and full size image and store them in an external hard disk for future applications.
Now when a picture is shot usually it’s a very big size image , so you need to render the pics to small size and save for web. Save for web is an option in several editing softwares.
Example this image shot is raw size is 45mb, but when we render and save in jpeg format it compresses the image and gives a smaller size of say 4mb and a dimensions of 4000×3000 pixels,
But we need to reduce this image to 1920×800 or 720×400 which will reduce the size of image to 1mb .
One of the reason that a normal website takes lot of time to load is because the images are not rendered for web and there are many images , for example this page has 50 images and the average size per image is 2mb than the total image size is 100mb, but as per google chrome browser standards the page should be less than 10 mb, so we can plan to have 5 images each of 1 mb
Example open amazon or any website and click
Use snapseed android app, open an image shot by mobile phone, apply a style of your choice,
In tools use crop or various options as per your need, and then export select export option to save in the pre-configured size.
To configure the export size, click on top 3 dots ( menu) , click settings, click on image size select 800px, then select format quality, select jpg 80%,
Then under export click export, now you see there is a tremendous reduction in file size.
2] how to edit images and maximise for web / webp
3] webp is new format to further reduce jpeg files . ideal for creating gif animation and still keep the size low.
Recent Comments