Archive for the ‘Images’ Category

Adding widgets

If you have a Redback Graphics installed CMS website.
Firstly, what is a Widget? A Widget allows you to add, arrange, and remove tools, plugins or content from the sidebars and/or footers of your website. Widgets make it easy to customize the content of your website sidebars and footers. Typically used for Categories and Posts from a Blog, they can also be used for traditional website content including images, advertisements and News items.

This is to add a Widget Area to your sidebars or footer areas. Not all  websites have both sidebars and footer widget areas, but by adding a Widget you will quickly find out what areas you have available for Widgets.

Login to your Dashboard, under “Dashboard”, click once on “Appearance”, then once on “Widgets”.

On the far right side of your screen you will see all of your available Widget areas. Expand any Widget Area and drag and drop one of the “Available Widgets” into that Widget Area (ie “Right-1″ will be the far Right Sidebar). Adding a Text Widget is one of the most useful Widgets to install. You can edit its Title, and insert any text or html. Click “Save”, then view your website to see your new Widget in action.

If you want in insert images into your Text Widget area, see Inserting Images into Sidebars to get the html for any image you want to insert.

Tip 1
It’s always handy to have another browser window open to view the “public” side of your website to see the changes without having to log in and out of your Dashboard to see the public website.

Tip 2
Always backup your website before doing any updates until you are very familiar with updating pages and images etc.
See backing up your website
..

SEO and Images

Redback Graphics

Adding descriptive Titles to your images will greatly increase your SEO (Search Engine Optimisation). If you name your images with an exact string that you might expect someone to “Google”, your image (and your website) will then rank highly in any Google results. Making the Title specific, but also unique will give excellent results. For example, if you were to name an image “twitter free zone”, then anyone Googling twitter free zone would quickly find your website. Your challenge is to predict what people will be Googling (exact string), then include an image you can name accordingly. The more correctly named images you have, the higher the Google ranking for those strings will be. Do NOT try and trick Google by adding excessive images with blatant SEO Titles, Google will recognise that and blacklist your website completely. Just include relevant content, with relevant images with descriptive titles, and Google will love you, and people will find you.

Gallery images

Redback Graphics

If you have a Redback Graphics installed CMS website

To add an image to an existing gallery
Login to your Dashboard, under “Dashboard”, click once on “Media”, then near “Media Library”, click once on “Add New” button. Choose “Select Files”, locate them on your computer, select the file (or multiple files), select “Open” (or hit enter), wait while it “Crunches” the file/s (uploads). At this point you can (not necessary) edit Titles, description, captions etc. This can be done at any time, so no need to do it right now. Then click “Save all changes”. You will then be back in Media and can see a list of the images now in your Media collection.

Any image/s you just uploaded (you can upload several images at a time) will not be “Attached” to any particular page. In order for them to appear in a gallery on “a” page, they must be “attached” to that page. Check the select box for all images you want to “attach” to a particular page, then click “attach” for one of those images (all images with a check/tick will ALL be attached to the same page that you now select). In the “Find posts or pages” box, type a few characters of the page name you are looking for, then select “Pages” and “Search” to locate the correct page you wish to attach those images to. Select that page, and you are done. The image will now be added to the existing gallery on that page.

Tip 1
It’s always handy to have another browser window open to view the “public” side of your website to see the changes without having to log in and out of your Dashboard to see the public website. The changes will be live immediately. Use CTRL+F5 in your live website browser window to force a refresh of the web page you are viewing to see the updated image and link.

Tip 2
Always backup your website before doing any updates until you are very familiar with updating pages and images etc.
See backing up your website.

Tip 3
Adding descriptive Titles to your images will greatly increase your SEO (Search Engine Optimisation). If you name your images with an exact string that you might expect someone to “Google”, your image (and your website) will then rank highly in any Google results. Making the Title specific, but also unique will give excellent results. For example, if you were to name an image “twitter free zone”, then anyone Googling twitter free zone would quickly find your website. Your challenge is to predict what people be Googling (exact string), then include an image you can name accordingly. The more correctly named images you have, the higher the Google ranking for those strings will be. Do NOT try and trick Google by adding excessive images with blatant SEO Titles, Google will recognise that and blacklist your website completely. Just include relevant content, with relevant images with descriptive titles, and Google will love you, and people will find you.

Image hyperlinks

Redback Graphics

If you have a Redback Graphics installed CMS website.
This assumes you have an image on a page, if not you might need to read adding an image to a page first.
Then, to add or edit the hyperlink to that image:
Login to your Dashboard, under “Dashboard”, click once on “Pages”, then once on the page title of the page you want to edit an image.
In the editing box that contains your page content, click on the image you want to add/edit a hyperlink to.
Click once on the image, then choose the icon to “Insert/edit link” (in line of icons above editing box), then insert the URL of the web address you want to link to. Then from the “Target” options, choose open link in new window to make the browser open a new window for the linked website. Then click the “Update” button to update the image, and then the “Update” button of the page to update the page.

Tip 1
It’s always handy to have another browser window open to view the “public” side of your website to see the changes without having to log in and out of your Dashboard to see the public website. The changes will be live immediately. Use CTRL+F5 in your live website browser window to force a refresh of the web page you are viewing to see the updated image and link.

Tip 2
Always backup your website before doing any updates until you are very familiar with updating pages and images etc.
See backing up your website.

Adding images

Redback Graphics

If you have a Redback Graphics installed CMS website

To add an image to a page

Login to your Dashboard, under “Dashboard”, click once on “Pages”, then once on the page title of the page you want to insert an image into.

In the editing box that contains your page content, position your cursor where you would like to insert the image.

Then, above the main editing box, you have a selection of editing icons. You can mouse-over the icons to see what they do. On the top line of icons, after “Upload/Insert”, the next icon is “Add an Image”, click that once. Then click the “Select Files” button and locate the image from your computer, select it, then it will “Crunch” to load, you can then edit the title of the image, change the URL that links to that image, or choose “None” to remove all links. You can choose to Align it left or right or centre, so that text will wrap around the image, leave Alignment on “None” to place the image just where your cursor was positioned.

You can choose to insert a Thumbnail of the image or insert it at full size. Do not select full size unless the image will fit on the page comfortably with your text.
Click on “Insert into Post”. You should now be able to see the image or its thumbnail (depending on which you chose) in your main editing box. You can Cut and Paste to move the image to another position on your page, or even copy it into another page. You can edit the images Title by clicking on it once, then click the “Edit” icon.

You can then click the blue “Update” button over on the right side of your screen to publish the updated page. It will be live immediately.

Tip 1
Prepare images to the desired size before inserting, using photo editing software. Inserting a large image, then resizing using the options available is not ideal, only because it will take more load time for viewers and use up unecessary bandwidth. You can resize it using the options available when inserting though, if you are unable to resize before inserting.

Tip 2
It’s always handy to have another browser window open to view the “public” side of your website to see the changes without having to log in and out of your Dashboard to see the public website. The changes will be live immediately. Use CTRL+F5 in your live website browser window to force a refresh of the web page you are viewing to see the updated image and link.

Tip 3
Always backup your website before doing any updates until you are very familiar with updating pages and images etc.
See backing up your website.

Vector eps files

eps

The eps (Encapulated Post Script) file format is used to transfer a graphic image between applications and platforms. EPS files contain PostScript code as well as an optional preview image in TIFF, WMF, PICT or EPSI, the latter being an ASCII-only format. An eps (as vectors) is the most reliable way to send a graphic image to an end user ie signwriter, graphic designers, press etc. Usually, only industry professionals are able to open or import eps files. When supplied as an eps, artwork can be enlarged without loss of quality, recoloured, pulled apart and modified in many ways.

Creating pdfs

pdf

To create a pdf from a CorelDraw page or item, select, “File” “Publish to pdf” NOT export (as used in previous versions).
When creating a pdf, choose “Export all fonts as curves” (in Objects tab) when sending a pdf to a commercial printer. All images should be flattened before creating the pdf. All images should be CMYK, never RGB for print/press.

Saving images

Redback Graphics

Saving images? What format is best?

jpg had long been the dominant format for saving web images, but now png is the preferred format in many cases.
A png is most suited to graphics with text or content that needs to be crisp and sharp with excellent clarity to blocks of colour. Can be saved with a transparent background like a gif.
A jpg is the better option for photographs. jpg’s can be optimised to reduce file size with little visible loss of quality, but reducing file size excessively can be noticeable to quality.
A gif can be static (one image) or animated (a set of gifs forming a simple animation). A gif can also have a transparent background.
tif is generally only used by industry professionals in the print industry. File sizes are large, but quality is excellent (high res tif).
bmp (Windows bitmap) is rarely used these days, file sizes are large and quality is poor (comparitively).