2 new posts on Technically Easy

Server Header Responses 101 [Infographic]

Posted: 25 Jun 2012 10:00 AM PDT

When you request a web page online there may be times where you may see an error page appear on the screen. While it can be frustrating to see such a page, mainly because that means the content you were looking for won’t appear, the error number that appears actually has meaning to the owner of the web site.

There are many different status codes defined for requesting and sending data online, and all pages sent from the Web actually return one of several different status codes.

Server Header Information

Each request for data on the Web provides a response from the Web server. Within that response from the Web server is information regarding the type of response that is sent back to the client.

Such information included is the type of data being sent, such as a HTML Web page, a PDF document, or a JPEG image, the size of the data being sent, and the status code of the request.

The status codes have been defined since the beginning of the Web, and are well-known to those involved in the maintenance of Web sites. There are many common types of status codes, and you probably have seen many yourself. Codes such as 404 and 500 are common when a page cannot be found or there was an error processing the request on the Web server.

Below is an infographic that shows different server header responses that are common, and some of them you have probably seen before.

Infographic by SEOgadget.

About Paul Salmon

Paul Salmon is the founder of Technically Easy. He is a an experienced PC user, and enjoys solving computer-related problems that he encounters on a regular basis.

Facebook | Twitter | Google+

Follow Technically Easy on Twitter | Technically Easy on Facebook | Follow Technically Easy on Google+ | Join Paul Salmon on Facebook

Server Header Responses 101 [Infographic] is a post from: Technically Easy
This feed is for personal, non-commercial use only.
(Digital Fingerprint: 1a03dc4332cf9dca0bc3737c1cc3095c)

Optimizing The Benefits Of Web Images For Your Website

Posted: 25 Jun 2012 05:00 AM PDT

Advertise here with BSA

Web images are akin to a double-edged sword with conflicting sides. One helps you fight but the other fights against you. Whereas they are important in increasing rankings on search engines and viewership by users they can be what makes users readily click on the back button without second thought.

image 620x326 Optimizing The Benefits Of Web Images For Your Website

Why Use Web Images?

Relevant and interesting photos add life to the web page and are just what you need to make the user linger on the site beyond the first five minutes. Pictures do more than entice the viewer they tell a whole story on their own and appeal to the readers emotions. Whereas text will touch the mind of the user, images reach out o their feelings and get them attached to your site. Many a good recommendations have been based on an interesting picture someone saw on the site that delivered a good service.

Caution on Web Images

The other side of the coin is that web images significantly reduce downloading speed of your website decreasing navigation and accessibility of the site. Given the increasing number of Internet users who access it through their iPhones and iPads over those with computers, many users will not bother with a site that takes too long to open. In the long run they end up not viewing the site and great images placed for them

Does this therefore mean that web images should be inclusive of the elements when designing the website? On the contrary, use images to the maximum. Advocating for maximum use of photos does not means stuffing them on the website; it simply means find the ‘satisficing’ solution. The right mix between what satisfies yet suffices. Place what is relevant to the user yet does not compromise your page speed

3 Web Image Formats to Use During Design

Many picture formats are available but only three types should be used in web design, namely JPEG, GIF and PNG.

GIF pictures are advantageous in that they are small hence do not impede the downloading of your page. On the other hand, they are limited to only 256 distinct colors. This means saving a picture in his format will result in banding of colors. Pictures are not as bright and it may be difficult to place particular distinction to similar hues. The pictures are not as sharp and reduce the overall clarity of the site. This file format should not be used to upload photographs that have higher color gradients compared to images. They are suitable in uploading flat color images found in midst of text and as linkages.

PNG are similar to GIF but offer greater compression resulting in a smaller size of the same picture as compared to GIF. You can use PNG to save animation pictures.

JPEG file saving format for pictures is the best to use for photographs given its clarity and compression style that allows visibility of a myriad of colors. Do not use this for mono colors or an image with a large chunk of one color, as it tends to blur solid blocks. The greatest disadvantage of JPEG is that they are heavy and lower page speed. To counter this, resize the image, crop and change the compression settings. Attempt to get a small image as possible without compromising on quality.

The Golden Rules of Images in Web Design

Always use the graphic software to make all the necessary adjustments to a photo then upload it to the website. You get more room for compression and more features than using the browser to adjust pictures.
In the site design, ensure there is a provision for alternative text to the image to increase user navigation.
Include the height and width attributes when placing images on the site to reduce on uploading speed. Otherwise, the browser has to spend a few extra seconds determining the layout and display of all the images in your site, which to the user translates into more time taken to open the site and the consequence, is always the back button.

If your site has several images, which are recurrent on the subsequent pages then use CSS sprites. These cache images enabling the browser to open the subsequent pages faster. They significantly reduce the speed and improve user satisfaction and navigation.

This guest post was written by web design expert Sandra Smith. Sandra creates beautiful MotoCMS Flash templates in her day job and likes to share her thoughts about web design and related topics through guest posts.

About Paul Salmon

Paul Salmon is the founder of Technically Easy. He is a an experienced PC user, and enjoys solving computer-related problems that he encounters on a regular basis.

Facebook | Twitter | Google+

Follow Technically Easy on Twitter | Technically Easy on Facebook | Follow Technically Easy on Google+ | Join Paul Salmon on Facebook

Optimizing The Benefits Of Web Images For Your Website is a post from: Technically Easy
This feed is for personal, non-commercial use only.
(Digital Fingerprint: 1a03dc4332cf9dca0bc3737c1cc3095c)

RssA1

marți, 26 iunie 2012