Images and Printing - Revision history

Philip Lacey at 18:00, 12 June 2016

2016-06-12T18:00:25Z

Philip Lacey at 01:36, 22 March 2014

2014-03-22T01:36:06Z

Philip Lacey at 15:19, 12 November 2012

2012-11-12T15:19:10Z

Philip Lacey at 13:39, 12 November 2012

2012-11-12T13:39:13Z

Philip Lacey at 13:16, 12 November 2012

2012-11-12T13:16:57Z

Philip Lacey: /* Image Scaling */

2012-11-12T13:04:17Z

‎Image Scaling

Philip Lacey: /* Mail Merge Template - Recommended Solution */

2012-11-12T13:02:48Z

‎Mail Merge Template - Recommended Solution

Philip Lacey at 13:01, 12 November 2012

2012-11-12T13:01:50Z

Philip Lacey: Created page with " == Images == Images can be saved in many different formats and can be viewed differently depending on these formats. == Image Scaling == Images can be scaled by changing th..."

2012-11-12T12:58:10Z

Created page with " == Images == Images can be saved in many different formats and can be viewed differently depending on these formats. == Image Scaling == Images can be scaled by changing th..."

New page

== Images ==
Images can be saved in many different formats and can be viewed differently depending on these formats.

== Image Scaling ==
Images can be scaled by changing the image measurement units. These units can be different types such as;
- Pixels: px
- Doths per inch: dpi

These are the most commonly used types for images over the web. Images can be scaled in HTML using tags or attributes called width and height. An example of this is when an image may be 200px in width and 300px in height, now I put this inside a box on a web page. I may have less space to work with so i change the width and height of the box to say 100px and 150px . The image size is the same but because i have specifically set the width and height of the box, it will crunch the image to fit this box.

Browsers such as older versions of internet explorer will do this crunch automatically but will also crunch any other content that may be with the image. This can lead to distorted content and images. There are ways around this which can be seen below.

== Printing ==
When printing a page from the internet, it will try and crunch the image to fit on the page and thus crunching the content. The reason for this is that a printer doesn't understand HTML so it will ignore any width or height the user has set manually and thus our image may be back to full size and mess up our print. This will distort and ruin images during printing.

There are different methods for handling web printing;
- Print Screen :- print what the user sees, this may crunch or stretch the data depending on web page and printer page size
- Copy and Paste to Microsoft Word :- this will allow word to interpret the web page and try and make it appear correctly but this can be messy due to words default formatting
- Merge Template :- bxp software has this functionality and this is the one we recommend you use.
- Email to Self :- Emailing the HTML can be a good idea if the page is less than 600px wide as programs such as outlook can read HTML
- Pre-Printed :- Organise headed paper with the images already printed in high quality that way on the text needs to positioned.

== Mail Merge Template - Recommended Solution ==
This feature is offered in bxp software. What it does is take data from the database and produce a template pulling in the fields that the user requests allowing for the dynamic creation of mails regardless of the number of mails that need to be produced.

← Older revision		Revision as of 01:36, 22 March 2014
Line 24:		Line 24:
	== Mail Merge Template - Recommended Solution ==		== Mail Merge Template - Recommended Solution ==
	This feature is offered in bxp software. What it does is take data from the database and produce a template pulling in the fields that the user requests. This allows for the dynamic creation of mails regardless of the number of mails that need to be produced.		This feature is offered in bxp software. What it does is take data from the database and produce a template pulling in the fields that the user requests. This allows for the dynamic creation of mails regardless of the number of mails that need to be produced.
		+
		+
		+
		+	[[Category:Topic:Format Types]]

@@ Line 8: / Line 8: @@
 * Dots per inch: dpi
-These are the most commonly used types for images over the web. Images can be scaled in HTML using tags or attributes called width and height. An example of this is when an image may be 200px in width and 300px in height, now I put this inside a box on a web page. I may have less space to work with so i change the width and height of the box to say 100px and 150px . The image size is the same but because i have specifically set the width and height of the box, it will crunch the image to fit this box.
+These are the most commonly used measurement types for images over the web. Images can be scaled in HTML using tags or attributes called width and height. An example of this is when an image may be 200px in width and 300px in height, now I put this inside a box on a web page. I may have less space to work with so i change the width and height of the box to say 100px and 150px . The image size is the same but because i have specifically set the width and height of the box, it will crunch the image to fit this box.
 Browsers such as older versions of internet explorer will do this crunch automatically but will also crunch any other content that may be with the image. This can lead to distorted content and images. There are ways around this, the main solution is not to crunch images to a size but to resize the image before putting it in.

@@ Line 2: / Line 2: @@
 == Images ==
 Images can be saved in many different formats and can be viewed differently depending on these formats.
 == Image Scaling ==
@@ Line 22: / Line 21: @@
 * Email to Self :- Emailing the HTML can be a good idea if the page is less than 600px wide as programs such as outlook can read HTML
 * Pre-Printed :- Organise headed paper with the images already printed in high quality that way on the text needs to positioned.
 == Mail Merge Template - Recommended Solution ==
 This feature is offered in bxp software. What it does is take data from the database and produce a template pulling in the fields that the user requests. This allows for the dynamic creation of mails regardless of the number of mails that need to be produced.

← Older revision		Revision as of 13:02, 12 November 2012
Line 26:		Line 26:

	== Mail Merge Template - Recommended Solution ==		== Mail Merge Template - Recommended Solution ==
−	This feature is offered in bxp software. What it does is take data from the database and produce a template pulling in the fields that the user requests ~~allowing~~ for the dynamic creation of mails regardless of the number of mails that need to be produced.	+	This feature is offered in bxp software. What it does is take data from the database and produce a template pulling in the fields that the user requests. This allows for the dynamic creation of mails regardless of the number of mails that need to be produced.

@@ Line 10: / Line 10: @@
 These are the most commonly used types for images over the web. Images can be scaled in HTML using tags or attributes called width and height. An example of this is when an image may be 200px in width and 300px in height, now I put this inside a box on a web page. I may have less space to work with so i change the width and height of the box to say 100px and 150px . The image size is the same but because i have specifically set the width and height of the box, it will crunch the image to fit this box.
-Browsers such as older versions of internet explorer will do this crunch automatically but will also crunch any other content that may be with the image. This can lead to distorted content and images. There are ways around this which can be seen below.
+Browsers such as older versions of internet explorer will do this crunch automatically but will also crunch any other content that may be with the image. This can lead to distorted content and images. There are ways around this, the main solution is not to crunch images to a size but to resize the image before putting it in.
 == Printing ==

@@ Line 6: / Line 6: @@
 == Image Scaling ==
 Images can be scaled by changing the image measurement units. These units can be different types such as;
-- Pixels: px
+* Pixels: px
-- Doths per inch: dpi
+* Doths per inch: dpi
 These are the most commonly used types for images over the web. Images can be scaled in HTML using tags or attributes called width and height. An example of this is when an image may be 200px in width and 300px in height, now I put this inside a box on a web page. I may have less space to work with so i change the width and height of the box to say 100px and 150px . The image size is the same but because i have specifically set the width and height of the box, it will crunch the image to fit this box.
@@ Line 18: / Line 18: @@
 There are different methods for handling web printing;
-- Print Screen :- print what the user sees, this may crunch or stretch the data depending on web page and printer page size
+* Print Screen :- print what the user sees, this may crunch or stretch the data depending on web page and printer page size
-- Copy and Paste to Microsoft Word :- this will allow word to interpret the web page and try and make it appear correctly but this can be messy due to words default formatting
+* Copy and Paste to Microsoft Word :- this will allow word to interpret the web page and try and make it appear correctly but this can be messy due to words default formatting
-- Merge Template :- bxp software has this functionality and this is the one we recommend you use.
+* Merge Template :- bxp software has this functionality and this is the one we recommend you use.
-- Email to Self :- Emailing the HTML can be a good idea if the page is less than 600px wide as programs such as outlook can read HTML
+* Email to Self :- Emailing the HTML can be a good idea if the page is less than 600px wide as programs such as outlook can read HTML
-- Pre-Printed :- Organise headed paper with the images already printed in high quality that way on the text needs to positioned.
+* Pre-Printed :- Organise headed paper with the images already printed in high quality that way on the text needs to positioned.
 == Mail Merge Template - Recommended Solution ==
 This feature is offered in bxp software. What it does is take data from the database and produce a template pulling in the fields that the user requests allowing for the dynamic creation of mails regardless of the number of mails that need to be produced.