WP: Lesson 2 – Media

Previous | Next

Add Media to Your First Post

Insert a JPG Photograph

JPG or JPeg format is a commonly used method of lossy compression for digital images, particularly for those images produced by digital photography. The degree of compression can be adjusted, allowing a selectable tradeoff between storage size and image quality.  With JPEG, you can achieves a 10:1 compression with very little perceptible loss in image quality.

Prepare Image for Web

Photoshop or Photoshop Elements are the best software to use in order to optimize your images for the web.  This is because they have a special feature known as “Save for Web”.

If you do not want to spend any money to purchase Photoshop Elements to prepare images for the web,  the best FREE or public domain software is IRFANVIEW.

Add Other Files

WordPress Glossary

Online Resizers

You can even compress and resize images using a tool online.  Watch for malware and opt-out of any offers.

Here is a list on online resizers:

Sample Image at Various Compression

Original 2560px X 1920 xp 2.9M Bytes

Orginal 2560 X 1920

1024px at 100% compression 539K Bytes

1024px at 100%

1024px at 60% compression 146K Bytes

1024px at 60%

1024px at 30% compression 72K Bytes

1024px at 30%

Non-progressive

Progressive Scan

A progressive scan photo will seem to appear quicker rather than painting the screen from the top.  As it loads the image will become sharper.

Progressive Scan

GIF Transparency

A transparent GIF (Graphics Interchange Format) is an image file that has one color assigned to be “transparent” so that the assigned color will be replaced by the browser’s background color, whatever it may be.

No Tranparentcy
No Tranparency
Gif or PNG supports tranparency
Gif or PNG supports tranparency

For example, if you created a rectangular GIF image of a red star on a white background.  If you want the red star to appear on your Web page, and don’t want to see a white background, you can transparentize the white background.   I most image editors like Photoshop, a transparent background will display a checkerboard instead of white.  This is done either by masking or erasing the white from the image.   The advantage is if you change the background of your website from white to a different color,  red star will appear correctly against a the new background color.

PNG, which is the new web format supports transparency while maintaining all the benefits of both GIF and JPG.

Featured Image

A featured image represent the contents, mood, or theme of a post or page.  Posts and pages can have a single featured image, which many themes support.

[top]

Advertisements