To optimize the photographies of your Web

Thanks to the system of management of contents, also calls CMS (Content Management System) Web is facilitated to users without development knowledge that can update and incorporate new contents to their page.

One of the tasks of habitual update but and that but doubts it generates is regarding the photographies that we will use in our Web and which they can be from images that accompany in the description from contents to galleries by products or portfolios with examples by realised projects. These managers incorporate a basic utility to adapt the size of the photo to standardized dimensions but they do not consider a very important factor in the development Web, the pseo of the images.

Next we will describe some basic concepts that any user who uses one of these systems as Wordpress would have to know to obtain a better yield of its Web.

The photos weigh too much

When sailing by Internet, the time that takes in loading the page which we visited depends on the gross weight of the archives that form it and the speed of the connection which then we have. The time that our navigating afternoon in interpreting all the contents and showing them in screen is decisive not only from facing the user but also for Google. Videos, photographies and animations usually are the heavy elements but that we found in a Web and we must have them in account very if we thought to use them frequently.


That he is that of the weight?

The weight of an image, is the amount of space that occupies as physical file in a storage device as your hard disk or the servant where the Web lodges and comes expressed in Kilobytes (Kb) or Megabytes (Megabyte) to which we talked about as €œthe megas€ that this image weighs. A domestic digital camera can get to generate photos of up to 1 ' 5 megas with a configuration of quality and average format.

To try to directly incorporate an image of this size to our Web is excessive and we must optimize it before loading it with our CMS.

optimize-photograph-of-your-WebTo optimize the photographies of your Web and to thus manage considerably to make agile the reduced charge the times of load.

Why to optimize the images of your Web?

It is important to obtain that our contents weigh less possible maintaining a suitable quality so that the load of the page does not slow down and dissuades to the visitor by an excessive delay. For it we must optimize the image and thus manage considerably to make agile the reduced charge the times of load.

A photography says that it is optimized when it has adapted his size and its weight to the use to which it destines and that it maintains a balance adapted between visual quality and its weight.


Dimensions, resolution and format of the images

Diverse parameters exist that define an image, but those that interest to us to know in this case are their dimensions (in pixels), format and resolution or quality of the same.


Dimensions: it makes reference to the stop and to the width that has the photography and they are expressed in pixels. Normally they keep proportional a horizonatal format 4:3 reason why we will be able to find photos with dimensions from 800—600, 1024—768, 1280—960, 1600—1200€¦ in future.


Resolution: we could define it as the quality of the image or the number of pixels by inch that has the photography. To greater number, major information contains the image and major definition although also will be greater the weight of the resulting file. The present digital cameras generate photographies of 300ppp (points x inch) which is very important for their impression but not as much to be shown in screen, since the movable monitors and habitual devices are not able to show but of 72ppp.

Therefore if we used images in its original resolution we are giving but information of which one is going away to process really and we will be causing that weighs much more than it would be necessary.


Format: in spite of existing tens of image formats, the standards and recommended for their use in the Web are the denominated formats of €œmosaic or bit map€ of pixels in which each pixel keeps the information from color of the part of image that occupies. We will emphasize format JPG by its capacity to compress the information of color of the pixels and to thus manage to reduce the weight of the image.


Good practices

It turns out therefore very recommendable to adapt the dimensions and resolution of the photographies that we use in our Web to an suitable format but as standardized the 800 x 600 pixels or 1024x768px (wide x high) corresponding to the traditional horizontal format.


As to optimize photographies?

If you do not have an edition program or photographic adjustment is possible that the manufacturer of your camera has some own program that you can unload from his webpage and she facilitates the task to you. If we do not have them or we do not want to install a software in our computer we at present have multitude of tools online that will help us to publish the photos using only our navigator.



One of most basic but than fulfills its assignment perfectly we found it in this website, where with an interface very simple, it allows the load us of the photography from our computer, to trim it to sizes standard as 800—600 or 1024—768 and to even adapt them to the present formats for social networks as facebook, to twitter and Google+.