convert pdf to image c# itextsharp : Exporting pdf form to excel Library software component .net winforms azure mvc Head_First_HTML_CSS_XHTML21-part759

adding images to your web pages
you are here 
181
Here’s the full size of the image, 
which is bigger than the size of the 
browser window... much bigger. 
Whoa! The image is way too large
Here’s our browser. It’s about the 
size of the typical browser window.
And here’s the “seattle.jpg” image you 
added to “index.html.”
If the image fits 
nicely in your 
browser window, 
then your browser 
may have an “auto 
image resize” option 
turned on.  More on 
this in just a sec...
Watch it!
Well, the image is right there where it should be, but that is one 
large image. Then again, most of the images that come from digital 
cameras these days are that large (or larger). Should we just leave 
the image like it is and let visitors use the scroll bar? You’re going to 
see there are a couple of reasons why that’s a bad idea. 
Let’s take a look at the image and the browser and see just how bad 
this situation is...
The image is 1200 pixels wide.
We could use the scroll 
bars to see the rest of 
the image, but wouldn’t 
it be better if we could 
fit this image into the 
browser window?
The browser 
window is about 
800 pixels wide.
Exporting pdf form to excel - extract form data from PDF in C#.net, ASP.NET, MVC, Ajax, WPF
Help to Read and Extract Field Data from PDF with a Convenient C# Solution
how to fill pdf form in reader; save pdf forms in reader
Exporting pdf form to excel - VB.NET PDF Form Data Read library: extract form data from PDF in vb.net, ASP.NET, MVC, Ajax, WPF
Convenient VB.NET Solution to Read and Extract Field Data from PDF
cannot save pdf form in reader; using pdf forms to collect data
182
Chapter 5
Q:
What’s wrong with having the user just use the scroll 
bar to see the image?
A: 
In general, Web pages with large images are hard to use. 
Not only can your visitors not see the entire image at once, but using 
scroll bars is cumbersome. Large images also require more data to 
be transferred between the server and your browser, which takes 
a  lot of time and may result in your page being very slow to display, 
particularly for users on dialup or other slow connections.
Q:
Why can’t I just use the width and height attribute to 
resize the images on the page?
A: 
Because the browser still has to retrieve the entire large 
image before it scales it down to fit your page. 
Q:
You said the browser window is 800 pixels wide; what 
exactly does that mean?
A: 
Your computer’s display is made up of millions of dots called 
pixels. If you look very closely at your display you’ll see them:
And, while screen sizes and resolutions tend to vary (some people 
have small monitors, some large), 800 pixels is the typical width that 
most people set their browsers to. So, 800 pixels is a good rule of 
thumb for the 
maximum
 width of your images (and your Web pages 
too, but we’ll get to that in a later chapter).
Q:
How do the number of pixels relate to the size of the 
image on the screen?
A: 
A good rule of thumb is 72 pixels to every inch, although 
depending on your monitor, you can have up to 120 pixels in an inch.  
Assuming your monitor has 72 pixels per inch, if you want an image 
to be approximately 3” wide and high, you’d make it 72 (pixels) times 
3 (inches) = 246 pixels, or, rounding up, 250 by 250 pixels.
Q:
Well, how large should I make my images then?
A: 
In general, you want to keep the width of your image to 
less than 800 pixels. Of course, you may want your images to be 
significantly smaller depending on what you’re using the image for. 
What if the image is a logo for your page? You probably want that 
small, but still readable.  After all, you don’t need a logo the width 
of the entire Web page.  Logos tend to run between 100 and 200 
pixels wide. So, ultimately, the answer to your question depends on 
the design of your page. For photos – which you usually do want to 
view as large as possible – you may want to have a page of small 
thumbnail images that load quickly, and then allow the user to click 
on each thumbnail to see a larger version of the image. We’ll get to 
all that shortly.
Q:
I think my browser automatically resized the image of 
Seattle, because it fits perfectly in the window.  Why did my 
browser do this?
A: 
Some browsers have a feature that resizes any image that 
doesn’t fit within the width of your browser. But many browsers don’t 
do this, so you don’t want to rely on it. Even if every browser 
did
have this feature, you’d still be transferring a lot more data than 
necessary between the server and browser, which would make your 
page slow to load and less usable.
there are no
Dumb Questions
Here’s a lot 
of pixels that 
together make up 
the upper part of 
the right wing of 
the butterfly.
This image is made up 
of thousands of pixels 
when it’s displayed on a 
computer screen.
Here’s one pixel.
all about image sizes
C# PDF Convert to Word SDK: Convert PDF to Word library in C#.net
PDF Library in C#.NET Class. Best C#.NET PDF to Microsoft Office Word converter SDK for exporting PDF to Word in Visual Studio .NET.
extract pdf data into excel; pdf data extraction tool
C# PDF Convert to SVG SDK: Convert PDF to SVG files in C#.net, ASP
without quality loss. C# sample code for quick integration in .NET framework program for exporting PDF from SVG. In some situations
pdf data extraction; extract data from pdf forms
adding images to your web pages
you are here 
183
Resize the image to fit in the browser
Let’s fix up this image so it fits the browser page better. Right now this image 
is 1200 pixels wide by 800 pixels tall (you’ll see how to determine that in a sec). 
Because we want the width of the image to be less than 800 pixels, we need to 
decide on a width that would fit our myPod Web page nicely. The whole point 
of myPod is viewing photos of iPods in their surroundings, so we probably 
want to have reasonably large images.  If we reduce this image size by one 
half to 600 pixels wide by 400 pixels high, that will still take up most of the 
browser width, while still allowing for a little space on the sides. Sound good? 
Let’s get this  image resized...
1200 pixels
600 pixels
800 
pixels
400 
pixels
We need to resize the 
image so that it’s still 
reasonably large, but 
is less than 800 pixels 
wide. 600 seems like a 
nice width that happens 
to be one half the 
current size.
Open the image using a photo editing application.
Reduce the image size by one half (to 600 pixels by 400 pixels).
Save the image as “seattle_med.jpg”.
Here’s what you’re going to do:
1
2
3
C# PDF Convert to Text SDK: Convert PDF to txt files in C#.net
Free evaluation library for exporting PDF to Text in both C#.NET WinForms application and ASP.NET WebForms. RasterEdge.XDoc.Excel.dll. RasterEdge.XDoc.PDF.dll.
extract data from pdf form fields; extract data from pdf table
C# PDF Convert to Images SDK: Convert PDF to png, gif images in C#
NET. Support exporting PDF to multiple image forms, including Jpg, Png, Bmp, Gif, Tiff, Bitmap, .NET Graphics, and REImage. Support
c# read pdf form fields; flatten pdf form in reader
184
Chapter 5
Good question – there are lots of photo editing 
applications on the market (some freely available), 
which are all quite similar. We’re going to use 
Adobe’s Photoshop Elements to resize the images, 
because it is one of the most popular photo 
editing applications, and is available on both 
Windows and the Macintosh. If you own another 
photo editing application, you should have no 
problem following along and translating each 
editing task to your own application.
If you don’t yet have a photo editing application, 
you might first check to see if there was one 
included with your operating system. If you have 
a Mac, you can use iPhoto to edit your photos.  If 
you’re a Windows user, you might find Microsoft’s 
Digital Image Suite on your computer already. 
If you still don’t have an editing application 
available to you, follow along and and for each 
step you can use the HTML and images included 
in the example folders.
Before we get 
started, which photo editing 
application are we going to 
use to resize the image?  I 
have Photoshop Elements. Will 
that work?
If you don’t have Adobe Photoshop Elements, but 
you’d like to follow along for the rest of the 
chapter with it, you can download it and try it 
out free for 30 days.  The URL to download it is:
http://www.adobe.com/products/tryadobe/main.jsp
choosing a photo editor
How to C#: Basic SDK Concept of XDoc.PDF for .NET
C# programmers can convert Word, Excel, PowerPoint Tiff Various PDF annotation features can be integrated into deleting, modifying, importing, exporting, and so
how to type into a pdf form in reader; how to fill in a pdf form in reader
VB.NET PDF: Basic SDK Concept of XDoc.PDF
VB.NET programmers can convert Word, Excel, PowerPoint Tiff Various PDF annotation features can be integrated deleting, modifying, importing, exporting, and so
make pdf form editable in reader; exporting pdf data to excel
adding images to your web pages
you are here 
185
First, start your photo editing application and open the “seattle.jpg” 
image. In Photoshop Elements, you’ll want to choose the “Browse 
Folders...” menu option under the “File” menu, which will open 
the “File Browser” dialog box. You’re going to use this to navigate 
to the image “seattle.jpg” in the “chapter5/mypod/photos” folder.  
Here’s the File Browser 
dialog box. Use this 
dialog to navigate to the 
“seattle.jpg” image.
When you’ve located the “seattle.jpg” 
image, double-click it to open.
Open the image
As you navigate through folders, you’ll see a 
preview of the images in those folders here.
Single clicking the preview 
image shows you a larger 
preview of the image.
Or, if you’re using Windows, use 
the File > Open menu to open 
the “seattle.jpg” image directly.
C# Create PDF from images Library to convert Jpeg, png images to
Create PDF from images in both .NET WinForms and ASP.NET application. .NET converter control for exporting high quality PDF from images in C#.NET.
how to save pdf form data in reader; pdf data extraction open source
VB.NET PDF - Convert PDF with VB.NET WPF PDF Viewer
Edit Bookmark. Metadata: Edit, Delete Metadata. Form Process. VB.NET Word, VB.NET Excel, VB.NET illustrates some conversion tabs and features for PDF exporting.
fill in pdf form reader; vb extract data from pdf
186
Chapter 5
Now that “seattle.jpg” is open, we’re going to use the “Save for Web” dialog 
to both resize the image and save it.  To get to that dialog box, just choose the 
“Save for Web” menu option from the “File” menu. 
Resizing the image
Here’s the “seattle.jpg” image 
in Photoshop Elements.
To resize the image, choose “Save 
for Web” from the File menu.
resizing an image
C# WPF PDF Viewer SDK to convert and export PDF document to other
Form Process. Data: Read, Extract Field Data. Data: Auto PDF, VB.NET Word, VB.NET Excel, VB.NET illustrates some conversion tabs and features for PDF exporting.
save data in pdf form reader; how to make pdf editable form reader
VB.NET Create PDF from images Library to convert Jpeg, png images
REImage. .NET converter control for exporting high quality PDF from images. Turn multiple image formats into one or multiple PDF file.
how to make a pdf form fillable in reader; extract table data from pdf
adding images to your web pages
you are here 
187
After you’ve selected the “Save for Web” menu option, you should see the 
dialog box below; let’s get acquainted with it before we use it.
This dialog lets you do all kinds of interesting things.  For 
now, we’re going to focus on how to use it to resize and save 
images in JPEG format for Web pages.
Here’s where you choose the format to 
save your file.  Currently it’s set to save 
as GIF; we’re going to change this to 
JPEG in a couple of pages...
Here’s the 
current size 
of the image: 
1200 pixels by 
800 pixels. 
This split window shows you your original image on the left, and the image 
in the format you’re saving it for the Web on the right.  Currently this is 
showing “GIF” format; we’ll be changing this to JPEG in an upcoming step.
Resizing the image, continued...
188
Chapter 5
(1) Change the image size here 
to a width of 600 and a height 
of 400.  If you have “Constrain 
Proportions” checked, then all you 
have to do is type the new width, 
600, and Elements will change the 
height to 400 for you.
(2) Once the width and 
height are set correctly, 
click “Apply” to let 
Elements know this is 
the size you want.
As you can see, there’s a lot of functionality built into this 
dialog. Let’s put it to good use. To resize the image, you 
need to change the width to 600 pixels and the height 
to 400 pixels. Then you need to save the image in JPEG 
format. Let’s start with the resize...
This will not affect the original image, 
just the file you’re going to save.
You must click Apply to reduce the image size; otherwise, 
the image will be saved at its original width and height.
using save for web
adding images to your web pages
you are here 
189
You’ve resized - now save
(1) Now that the image size is set, you just 
need to choose the format for the image.  
Currently it’s set to save as GIF; change this 
to JPEG like we’ve done here.
(3) That’s it; 
click “OK” and 
go to the next 
page.
(2) Set the quality to “Medium”.
Now you just need to save the image in the correct format 
(JPEG). To do that, you need to choose JPEG format and set 
the quality to “Medium”. We’ll talk more about quality in a sec.
Notice that when you clicked “Apply” 
in the previous step, the image was 
resized and redisplayed.
190
Chapter 5
Q:
Can you say more about the 
quality setting in “Save for Web”?
A: 
The JPEG format allows you to 
specify the level of image quality you need. 
The lower the quality, the smaller the file 
size. If you look at the preview pane in the 
“Save for Web” dialog you can see both the 
quality and file size change as you change 
the quality settings.
The best way to get a feel for quality 
settings and the various image formats is to 
experiment with them on your own images. 
You’ll soon figure out what quality levels 
are needed for your image and the type of 
Web page you’re developing. You’ll also get 
to know when to use JPEG versus other 
formats.
Q:
What is the number 30 next to the 
Quality label in the JPEG Options dialog 
box?
A: 
30 is a number that Photoshop 
Elements considers “Medium” quality.  JPEG 
actually uses a scale of 1-100%, and Low, 
Medium, High, etc. are just preset values 
that many photo editing applications use.
Q:
Couldn’t I just use the <img> 
element’s width and height attributes to 
resize my image instead?
A: 
You could use the width and height 
attributes to resize an image, but that’s 
not a good idea.  Why?  Because if you do 
that, you’re still downloading the full-size 
image, and making the browser do the 
work to resize the image (just like when you 
have the auto resize option on in browsers 
that support that feature).  The width and 
height attributes are really there to help 
the browser figure out how much space to 
reserve for the image; if you use them, they 
should match the actual width and height of 
the image.
After you click OK, you’ll get a Save dialog. Save the image as 
“seattle_med.jpg” so you don’t overwrite the original photo.
Save the image
Change the filename to seattle_med.jpg.
Make sure you’re 
saving the image in the 
“mypod/photos” folder.
Click “Save” to save 
the image.
there are no
Dumb Questions
Image format.
Image size (1K equals 
1024 bytes in size). 
Photoshop Elements even 
tells you how long it would 
take to transfer over a 
dialup modem to a browser.
Notice that you’re changing the filename from “seattle.jpg” 
to “seattle_med.jpg”. Why? People usually like to save their 
original, high-quality, big photos for printing, and put smaller 
versions on the Web. If you saved this as “seattle.jpg”, you’d 
be losing the original photo!
image saving and quality
Documents you may be interested
Documents you may be interested