images Archives - Tourwriter Knowledge Base https://kb.tourwriter.com/tag/images Tourwriter Knowledge Base Wed, 14 Jul 2021 02:36:41 +0000 en-US hourly 1 https://kb.tourwriter.com/wp-content/uploads/2020/01/cropped-cropped-Dark-Charcoal-no-circle-Copy-180x180-1-32x32.png images Archives - Tourwriter Knowledge Base https://kb.tourwriter.com/tag/images 32 32 Image Format – Baseline JPEG vs. Progressive JPEG https://kb.tourwriter.com/baseline-jpeg-vs-progressive-jpeg Thu, 26 May 2016 23:35:16 +0000 http://kb.tourwriter.com/?p=2676 JPEGs come in two types: Baseline and Progressive. When saving JPEG files to the TourwriterData folder, please ensure these are saved in the JPEG Baseline format. Tourwriter requires images to be in Baseline format in order to export to MS Word.

The post Image Format – Baseline JPEG vs. Progressive JPEG appeared first on Tourwriter Knowledge Base.

]]>
Image Format

When saving JPEG files to the TourwriterData folder, please ensure these are saved in the JPEG Baseline format, not JPEG Progressive, format. Tourwriter requires images to be in Baseline format in order to export to MS Word.  

JPEGs come in two types: Baseline and Progressive.

Baseline:
A Baseline JPEG is an image created using the JPEG compression algorithm that will start to display the image as the data is made available, line by line. In a web browser, you can see JPEG images that are in baseline format when you see it slowly showing up, from the top of the image, to the bottom of it.

Baseline Example

 

Progressive:
A Progressive JPEG displays an image in such a way that it shows a blurry/low-quality photo in its entirety, and then becomes clearer as the image downloads.
Progressive Example

The post Image Format – Baseline JPEG vs. Progressive JPEG appeared first on Tourwriter Knowledge Base.

]]>
Photoshop Format Options for JPEG Images https://kb.tourwriter.com/formatting-jpeg-images-photoshop Thu, 26 May 2016 23:23:42 +0000 http://kb.tourwriter.com/?p=2681 Baseline ('Standard") is the format option needed for Tourwriter images.

The post Photoshop Format Options for JPEG Images appeared first on Tourwriter Knowledge Base.

]]>
When you use Photoshop’s Save As feature (File > Save As) to output your work in JPEG format, you will be presented with the following Format Options:

Photoshop Formatting options

Baseline (“Standard”): The image will be displayed line by line on the screen. This is the one to select for TourWriter images.

Baseline Optimized: Same as Baseline, but optimized further using Huffman coding

Progressive: You can specify 3-5 scans, meaning that it will have between 3-5 phases before it shows the final image.

The post Photoshop Format Options for JPEG Images appeared first on Tourwriter Knowledge Base.

]]>
Converting Progressive JPEG Images to Baseline JPEG Images using IrfanView https://kb.tourwriter.com/converting-jpeg-images-using-irfanview Tue, 24 May 2016 22:52:29 +0000 http://kb.tourwriter.com/?p=2671 There are two methods for saving image files in jpeg format. They are Baseline JPEG and Progressive JPEG. Both formats will have the same size and data. The extension also remains the same. The only difference is how it displays.

The post Converting Progressive JPEG Images to Baseline JPEG Images using IrfanView appeared first on Tourwriter Knowledge Base.

]]>
There are two methods for saving image files in jpeg format. They are Baseline JPEG and Progressive JPEG. Both formats will have the same size and data. The extension also remains the same. The only difference is how it displays, see here for more information about this.

Tourwriter requires images to be in Baseline JPEG format in order to export successfully to Microsoft Word. Some of the image files that you have may be in Progressive JPEG format, which can cause export issues with Word.

Please find below instructions on how to convert progressive images to baseline images.

We would recommend doing this for all images in your Tourwriter library (TourwriterData\Images folder). However, before starting the process below, please create a copy of all images for safe-keeping and store in a separate folder.

  1. Download IrfanView and IrfanView plugins (http://www.irfanview.com), by going to the Download page, and choosing a link to download from.
  2. Install the application
  3. Open IrfanView – Go to File and select Thumbnails from the dropdown menu
  4. In the new IrfanView window, navigate to the folder with your images in it
  5. If you need to select all images within one folder, right click the folder and select ‘Load thumbs from all subfolders’
  6. On the right panel, select all files you wish to convert in your TourwriterData folder
  7. Right click on the selection > JPG lossless operations > Lossless rotation with selected files

    Irfanview Changing Progressive to Baseline
    Click image to enlarge
  8. Leave all the options as they are
  9. Press the Start button
  10. You are done!

The post Converting Progressive JPEG Images to Baseline JPEG Images using IrfanView appeared first on Tourwriter Knowledge Base.

]]>
Email Booking Template Customisation https://kb.tourwriter.com/email-booking-template-customisation Wed, 07 Oct 2015 22:15:30 +0000 http://kb.tourwriter.com/?p=766 Read this post to learn how to customise your default booking request Template in Tourwriter. There is also an informative Webinar on this topic for you to watch.

The post Email Booking Template Customisation appeared first on Tourwriter Knowledge Base.

]]>

The following information explains how to customise your default booking request Template in Tourwriter. We recommend watching the above Tourwriter Webinar: Booking Email Template Customisation, prior to utilising the information below.

The Tourwriter Bookings Emailer Template

When you install Tourwriter, a copy of the default Tourwriter.Email.BookingRequest.html template is installed onto each user’s computer. While the standard template is useful in the initial testing stages, you will probably wish to  create a customised Booking Request Email Template, for example, one with a different subject line, different colours, or you may decide to completely redesign one. While you can always contact our Support Team (support@tourwriter.com) for these changes (please note charges apply), with a little HTML knowledge, you could create a customised template using the information provided below.

Download a Copy of the Default Booking Request Email Template

Our standard (default) Tourwriter Booking Request email template is available to download by using the following link:

Tourwriter.Email.BookingRequest.html

The above link is likely to download as an internet HTML file. To make any of the edits outlined on this page, please open your Tourwriter.Email.BookingRequest.html in Notepad or a similar program. To do this, find the document in your “Downloads” folder in My Computer, then right click the document and select “Open With”. If Notepad is not on the list, select “Choose Default Program”, expand “Other Programs” and select Notepad from this list.

Save a copy of this template to your TourwriterData\Templates folder, noting that any changes you make will be immediately reflected the next time you make a booking from any Itinerary in Tourwriter (Bookings > List > Make Booking).  If you would like to do some testing first, you can save the template to your Desktop and attach as a template, as explained in the Template Testing Instructions section below.

What is HTML?

HyperTextMarkup Language (HTML) is the main markup language for displaying web pages and other information that can be displayed in a web browser. Tourwriter uses HTML in its Booking Emailer.

HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>), within the content. HTML tags most commonly come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). In between these tags you can add text, tags, comments and other types of text-based content.

The HTML tags will not be visible on your template, but they will be used to interpret the content of the page.

The Tourwriter Bookings Emailer Template also uses Tourwriter Tags. The text you see within square brackets, and that start with an exclamation mark, are Tourwriter Tags, for example [!HostName] will pull through the Host Name field from the main Supplier Tab. For a full list of tags for use with the Tourwriter Bookings Emailer Template, please click here.

Below are some examples of some basic HTML tags to apply within your template.

Standard paragraph:
<p>This is some text in a paragraph.</p>
Text in italics:
<i>Italic text</i>
Bold text:
<b>Bold text</b>

Using an Online HTML Editor

You can use an Online HTML Editor to generate HTML code. The online HTML editor tool lets you type your email signature in plain text, whilst allowing you to include links, logos and images. The editor generates a live visual preview of your HTML code. In the editor, you can even copy an existing email signature from, say, your email service and paste it in the Editor field to generate live HTML code. You can then paste the HTML code in the Email Signature field under Tools > Setup > My Account Details > Email Signature.

Editing your Email Signature

If you wish to customise each users’ Email Signature, you can do this within the Tools > Setup > My account details (or User accounts area if you have the appropriate permissions). The Email Signature field must be written in HTML.

An example of a basic Email Signature is:
<p>
Kind regards,</br>
Daniel Carter</br>
<b>World Rugby player of the year</b></br>
Support NZ freephone 0800 293 7663 | Support International +649 293 7663
</p>

Changing the Subject Line of your Bookings Emailer Template

Insert the following orange text into your HTML template, and amend your subject heading text as required. You can use a combination of hard coded text and Tourwriter tags to create your required subject line:

[!SubjectStart]Booking Request for [!ItineraryName][!SubjectEnd]<html>

<head>
<style type="text/css">
body   { font-family: verdana; font-size: 10pt; color: black; }
td         { font-family: verdana; font-size: 10pt; color: black; }
</style>
</head>
<body>
<p>
Dear [!HostName],
</p>

Span Style Examples

Use span style to make one line or portion of text a different font size and/or colour compared to the rest of the text in your template. The below example shows a mixture of 14pt, 11pt and 8pt fonts, and a switch from Calibri to Tahoma font.

<p>
Thank you,<br/>
[!UserName]
<p>
<img src="T:\TourwriterData\Images\Tourwriter_logo.jpg"/><br/>
<span style="font-family: calibri; font-size: 14pt; color: black;"><b>Company Name</b><br/></span>
<span style="font-family: calibri; font-size: 11pt; color: black;">Address Line 1<br/>
Address Line 2<br/>
Phone: +64 4 123 4567</span><br/>
<span style="font-family: tahoma; font-size: 8pt; color: royalblue;">Email generated from <a href="www.tourwriter.com">Tourwriter</a> - <i>taking the time out of travel itineraries</i> <br />
</p>
</body>
</html>

Displaying Images and Website Links in your Email Signature or Bookings Emailer Template

The following examples can be coded within your Email Signature field under Tools > Setup > My account details and/or within the Booking Email html template itself.

Images
Use the following html codes to fetch an image stored on your TourwriterData folder. Please note that you must resize the image to be exactly the height and width required.

<p>
Thank you,<br/>
[!UserName]
<p>
<img src="T:\TourwriterData\Images\Tourwriter_logo.jpg"/><br/>
<span style="font-family: calibri; font-size: 14pt; color: black;"><b>Company Name</b><br/></span>
<span style="font-family: calibri; font-size: 11pt; color: black;">Address Line 1<br/>
Address Line 2<br/>
Phone: +64 4 123 4567</span><br/>
</p>

Websites
Use the following html codes to display a website link:

<p>
<span style="font-family: tahoma; font-size: 8pt; color: royalblue;">Email generated from <a href="www.tourwriter.com">Tourwriter</a> - <i>taking the time out of travel itineraries</i> <br />
</p>

The first portion of the code is the actual website address e.g. www.tourwriter.com
<a href=”www.tourwriter.com“>Tourwriter</a>
The second portion of the code is how you want the text to be displayed. E.g. Tourwriter
<a href=”www.tourwriter.com”>Tourwriter</a>
The above coding will mean the word ‘Tourwriter’ is hyperlinked to www.tourwriter.com when clicked.

Email addresses
Use the following html codes to display a link to your email address:

<a href="mailto:support@tourwriter.com">support@tourwriter.com</a>

Incorporate Facebook and Twitter Icons and Hyperlinks

The below coding will link the icon (eg.Facebook logo that you have stored on your TourwriterData\Images folder) to the website.

<a href="FACEBOOK URL"><img src="FILE PATH OF FACEBOOK LOGO"</a>
Example: <a href="https://www.facebook.com/tourwriter.travel.software"><img src="T:\TourwriterData\Images\EmailTemplates\fblogo.jpg"</a>

Changing Text Colour

If you want to match an exact text colour, you need to find out what the RGB (red, green, blue) values are and convert them to the Hex equivalent. For example, we have the font colour black applied to the Company Name line on our template:

<span style="font-family: calibri; font-size: 14pt; color: black;"><b>Company Name</b><br/></span>

Example: If you would like your template to use the below Dark Blue available in Microsoft Word, you can find the RGB values of this colour by clicking More Colors…

More colours

The Custom Subtab will show the Red Green and Blue values.

More colours2

Use this RGB to Hex colour converter to find the value for the Hex equivalent.

RGB Converter

Add the Hex value as the colour, per the below example. Save your template changes. The Company Name will now be shown in this Dark Blue colour on your template.

<span style="font-family: calibri; font-size: 14pt; color: 1F497D;"><b>Company Name</b><br/></span>

Changing Date Format

By default, the Bookings Emailer Template Tag that represents the start date of a booking is displayed as Wednesday, 01 April 2020 14:00. It includes both the date of the booking, written in the long date format, as well as the time of the booking, written in the 24HR clock format.

This format can be amended by inserting some additional date format Tags at the end of the existing [!ItemStartDate] Tag. The same rules apply to the [!ItemEndDate] tag.

Example:

 [!ItemStartDate("dddd, dd MMM yyyy")] 

will display the date on the email like this:
Wednesday, 01 April 2020 and

 [!ItemStartDate("HH:mm")] 

will display on the email like this:
14:00

Date Formats:

Days:
d = 1
dd = 01
ddd = Wed
dddd = Wednesday
Months:
M = 4
MM = 04
MMM = Apr
MMMM = April
Years:
yy = 15
yyyy = 2015

Time Formats:

Hours:
h = 4
hh = 04
H = 16
HH = 16
Minutes:
m = 5
mm = 05
tt = A.M. or P.M.

Here are some other examples of custom date and time formatting, using a combination of the formats above:

[!ItemStartDate("dd/MM/yyyy")] = 01/04/2020
[!ItemStartDate("ddd dd-MMM-yy")] = Tue 01-Apr-20
[!ItemStartDate("h:mm tt")] = 8:00 a.m or 2:00 p.m.

Template Testing Instructions

Follow these instructions to test your customised template before making it your default booking email template in Tourwriter. You can also follow these instructions if you have more than one template for sending booking requests (e.g. a Cancellation template).

  1. In Tourwriter, open any Itinerary.
  2. Go to the Bookings > List Tab
  3. Select Make Booking then select Add template…. (at the bottom of the drop-down list)
  4. When the Add new template screen opens, please use the first field Name to name the template e.g. Test
    Add New Template Window
  5. Click browse (
    Find Template Icon
    ), and navigate to the .html template saved in your TourwriterData\Templates folder
  6. Select the file, click Open
  7. Click OK on the Add new template screen
  8. Save your changes in Tourwriter (CTRL S) or press the Save icon on the toolbar
  9. On the Bookings > List, select Make Booking again, and your new template will appear in the middle of the drop-down list
  10. Remove template once testing completed

Follow these instructions to set your customised template as your default booking email template in Tourwriter for all users

  1. Create a Templates folder within your TourwriterData folder on your Computer
  2. Save the HTML file to your new Templates folder. Ensure your new template is named “Tourwriter.Email.BookingRequest”, as Tourwriter will look for this exact file in this exact location. Also ensure the extension is .html
  3. In Tourwriter, open any Itinerary
  4. Go to the Bookings > List Subtab
  5. Make booking, select Book all or Book selected and you will see that Tourwriter will have picked up your new template

The post Email Booking Template Customisation appeared first on Tourwriter Knowledge Base.

]]>
Resizing Images Using Irfanview https://kb.tourwriter.com/resizing-pictures-using-irfanview Fri, 02 Oct 2015 03:30:31 +0000 http://kb.tourwriter.com/?p=752 How to resize pictures for your publishing content. We recommend using Irfanview, which will allow you to make bulk changes to multiple photos at once.

The post Resizing Images Using Irfanview appeared first on Tourwriter Knowledge Base.

]]>
How to Resize Images

Please find below instructions on how to resize images using the free software Irfanview:

We highly recommend creating a copy of all images for safe-keeping and putting them in a separate folder before following the steps below.

  1. Download the free software called IrfanView and IrfanView plugins (www.irfanview.com). Go to downloads page and Install the application
  2. In Irfanview Go to File (top left) and select Batch conversion/Rename
  3. In the Batch Conversion Window ‘Add’ the images you would like to resize or ‘Add all’. Images selected will appear as a list in the bottom windowFigure 1
  4. Specify an Output Directory (on the left). A separate folder to the original so it is clear which folder holds the new resized images
  5. On the left, check ‘use advanced options (for bulk resize)’ and click ‘Advanced’
  6. On the Advanced options window go to the Resize section and chose the appropriate resize option eg 5 cm and then click OKFigure 2
  7. Back in the Batch Conversion window, Click ‘Start batch’
  8. A batch conversion done window will appear indicating # Files, errors or WarningsFigure 3
  9. Select ‘Exit batch’, you are Done!
  10. Now check the images in your selected output folder are the correct size, re file in the appropriate folder in your TourwriterData Folder before attaching to your Suppliers in your Database under Additional\Publishing Content\Images

The post Resizing Images Using Irfanview appeared first on Tourwriter Knowledge Base.

]]>