<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Design Blog &#187; Graphics</title>
	<atom:link href="http://www.webguru-india.com/blog/tag/graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webguru-india.com/blog</link>
	<description></description>
	<lastBuildDate>Tue, 07 Feb 2012 14:11:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Impact of Graphic Compression On Website Design</title>
		<link>http://www.webguru-india.com/blog/impact-of-graphic-compression-on-website-design/</link>
		<comments>http://www.webguru-india.com/blog/impact-of-graphic-compression-on-website-design/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 12:41:41 +0000</pubDate>
		<dc:creator>WebGuru</dc:creator>
				<category><![CDATA[Graphics Design]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.webguru-india.com/blog/?p=217</guid>
		<description><![CDATA[Different browsers, in most of the cases, display a webpage in a slight different way for adding a distinctive note in their wide array of features. If this is not enough, the display of a webpage in a Mac PC is drastically different from that of the display of a common PC. Images that are [...]]]></description>
			<content:encoded><![CDATA[<div name="googleone_share_1" style="position:relative;z-index:5;float: left; margin-right: 10px;"><g:plusone size="tall" count="1" href="http://www.webguru-india.com/blog/impact-of-graphic-compression-on-website-design/"></g:plusone></div><p style="text-align: justify;">Different browsers, in most of the cases, display a webpage in a slight different way for adding a distinctive note in their wide array of features. If this is not enough, the display of a webpage in a Mac PC is drastically different from that of the display of a common PC. Images that are displayed in a Mac PC are far brighter and better than the images shown in a common PC. This plays a pivotal role in the overall appearance of images. Not only does the brightness, the size of pixel is also different. A common PC with a resolution of 640&#215;480 usually has 96 pixels per inch whereas in Mac it is just 72 pixels. Therefore, we need to find out a tangible solution for overcoming these differences as far as possible otherwise the basic purpose of <a href="http://www.webguru-india.com/webdesign.php">website design</a> would remain unfulfilled. <span id="more-217"></span></p>
<p style="text-align: justify;"><strong>Compressing the Graphics</strong><br />
Compression of graphic can solve this issue to some extent and this can come in handy as well. More often than not, you will find an option under the title of “Save For Web” in the graphic program. Just try it because this will automatically optimize an image for the web. This “Save for Web” option is unique in its own way because this will allow you to get a glimpse of the actual result before saving it. If you are working in PhotoShop, you find out a nifty little option known as  “slider” that will let you to save image in different quality based on your requirements. The size of image changes with the changes in the quality of an image and therefore you need to treat this issue carefully.</p>
<p style="text-align: justify;"><strong>Choose The Best Graphic Format</strong><br />
Apart from selecting “Save For Web” option, you can compress the size of the graphics without compromising with its quality. GIF and JEPG are the two most popular graphic formats that are widely used in Internet for this purpose. So lets check out their advantages and disadvantages in this respect:</p>
<p style="text-align: justify;"><strong>GIF Image Format</strong><br />
By saving an image in this format, one can compress the size the image without loosing a single detail. However, the compression of a GIF image is mostly dependent on the number of repetition in an image. This is the reason why most of the people prefer JEPG images to GIF images unless there is an animation in it.</p>
<p style="text-align: justify;"><strong>JEPG Image Format</strong><br />
JEPG is the best image format out there, which allows users to compress the size of different images without making any major changes in its overall appearance. The insignificant parts of an image get less attention in this image format and these parts can be thrown away altogether depending on how much you want to compress an image.</p>
<p style="text-align: justify;">These are some of the tips that we should give proper attention in order to ensure a standard display of a website irrespective of the browsers issues.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webguru-india.com/blog/impact-of-graphic-compression-on-website-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FLASH &#8211; Ways to work with Graphics</title>
		<link>http://www.webguru-india.com/blog/flash-ways-to-work-with-graphics/</link>
		<comments>http://www.webguru-india.com/blog/flash-ways-to-work-with-graphics/#comments</comments>
		<pubDate>Mon, 28 Apr 2008 05:13:15 +0000</pubDate>
		<dc:creator>WebGuru</dc:creator>
				<category><![CDATA[Flash Design]]></category>
		<category><![CDATA[Flash Logo Design]]></category>
		<category><![CDATA[Graphics Design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.webguru-india.com/blog/?p=5</guid>
		<description><![CDATA[Flash provides the power to create sophisticated custom graphics, that too, within a short period. Apart from creating graphics in Flash with the help of the tools, graphics can also be imported from other files. First, it is necessary to understand two different types of graphics, viz. Vector or Object-oriented graphics and Raster or Bitmap [...]]]></description>
			<content:encoded><![CDATA[<div name="googleone_share_1" style="position:relative;z-index:5;float: left; margin-right: 10px;"><g:plusone size="tall" count="1" href="http://www.webguru-india.com/blog/flash-ways-to-work-with-graphics/"></g:plusone></div><p align="justify">Flash provides the power to create sophisticated custom graphics, that too, within a short period. Apart from creating graphics in Flash with the help of the tools, graphics can also be imported from other files. First, it is necessary to understand two different types of graphics, viz. Vector or Object-oriented graphics and Raster or Bitmap graphics.</p>
<p align="justify"><strong>Vector Graphics/Object-oriented Graphics</strong></p>
<p align="justify">Vector graphics are made up of lines and curves that are defined by mathematical objects called Vectors. Vectors describe an image according to its geometric characteristics.</p>
<p align="justify">Vector graphics are the best choice for representing bold graphics, like, logos. There are two main advantages of vector graphics- firstly, the file size remains small and secondly, they are resolution-independent, i.e. they can be scaled to any size and resolution without losing any detail or clarity.</p>
<p align="justify">All the graphics created in Flash are vector based. Despite all its advantages, vector graphics appear a bit unrealistic on the computer screen.<span id="more-5"></span></p>
<p align="justify"><strong>Raster/Bitmap Graphics</strong></p>
<p align="justify">Bitmap graphics are somewhat different from the vector graphics. Bitmap graphics contain a set of bits in the computer memory, which defines the color and intensity of each pixel in an image. The pixels are displayed as a matrix of dots. If an image is 100 pixels by 100 pixels, then the computer stores the color value of each of the 10,000 pixels. Therefore, the file sizes are relatively larger.</p>
<p align="justify">Unlike vector graphics, bitmap graphics are not resolution-independent. They cannot be scaled to any desired dimension. If done so, the image gets distorted. This phenomenon is referred to as Pixelization. However, bitmap graphics instantly appear on the computer screen and look much more real if their resolution is not scaled.</p>
<p>Following are a few good tutorial sites available on the web -</p>
<p>http://www.flashkit.com/</p>
<p>http://www.flashlite.net/</p>
<p>http://www.ultrashock.com/</p>
<p>http://www.virtual-fx.net/</p>
<p>http://www.were-here.com/</p>
<p align="justify"><strong>Applying Solid Colors and Gradient Fills</strong></p>
<p align="justify">Using the Color Mixer, solid colors and gradient fills can be created and edited. The modifications made in the Color Mixer are automatically applied to the selected object on the Stage. To create colors using the Color Mixer, either RGB or HSB color modes can be chosen or the color panel can be expanded to use hexadecimal mode.</p>
<p align="justify">An Alpha value can be specified in order to define the degree of transparency for a color. Along with the Alpha value, a specific color can also be chosen from the Colors palette.</p>
<p align="justify">For displaying a larger color space, the Color Mixer can be expanded. This displays a split color swatch showing the previous and the current color as well as a Brightness control panel that helps to modify the brightness of colors in all the modes.</p>
<p align="justify"><strong>Importing Raster/Bitmap Graphics</strong></p>
<p>Flash has made easy the methods of importing bitmap graphics from other files. Following are the types of bitmap graphics that can be imported -</p>
<ul>
<li>A photograph (scanned and saved).</li>
<li>A series of still images extracted from the frames of a video.</li>
<li>Images with special effects (like, clouds, fire, water or other natural effects) that cannot be archived with a vector tool.</li>
</ul>
<p>Flash mainly supports file formats, like, .jpg, .png, .gif, .bmp or .pct.</p>
<p align="justify"><strong>Converting a Bitmap to a Vector Graphic</strong></p>
<p align="justify">Converting a bitmap to a vector graphic depends on two common situations – firstly, when there is a raster file, which is more suitable as a vector graphic, and secondly, while creating special effects, like a posterized look or an outline effect.</p>
<p align="justify">On converting a bitmap to a vector graphic, the latter is no longer linked to the bitmap symbol.</p>
<p align="justify">Again, if the imported bitmap graphic consists of complex shapes and several colors, then there arises a possibility of the converted vector graphic to have a large file size. This file size may be larger than the original bitmap file.</p>
<p align="justify">However, it is advisable to create graphics in Flash rather than importing them.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webguru-india.com/blog/flash-ways-to-work-with-graphics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

