접속자 : 17 (회원 0)  전체순위 출근기록  오늘 329 어제 461 최대 1,127 전체 1,397,232  
클릭하시면 MAIN PAGE로 이동합니다.
설교/상담찬양AG자료기독교교육도서실세미나선교/교회결혼/가정미디어씨니어코너성경대학열린마당
그룹
  AGKDCED LOGIN
  
  
  ID저장  자동로그인
회원가입 아이디/비밀번호 찾기
세미나 자료
북한
컴퓨터 사용 (English)
한글 연구
컴퓨터 자료실
웃음
회의진행법
회의록작성법
창조과학
성령세례
(웹 만들기)
일반상식
복덕방 정보
속담으로 배우는 한글
한국사 1
성서고고학
한국사 2
한국의 인물사
세계의 화제
한문 연구
한국현대사
이런일 저런일
유명 연설
컴퓨터 사용 (한글)
한글타자연습
평양 대부흥
HOME  >  세미나  >  (웹 만들기) 
 
작성일 : 11-10-23 19:41
Book VII. Grapics & Multimedia
 글쓴이 : admin
조회 : 1,815  
Raster Graphics & Vector Graphics

Raster Graphics - composed of tiny pixels that are structured as a rectangle. Each of these pixels has a different color value. They are dependent on the resolution. Therefore, you can't resize a raster graphic without hurting its image quality.

Examples of raster file formats are JPEG, GIF, and PNG.

Vector Graphics - geometric shapes composed of angles, curves, and lines. You can scale them up or down without hurting their quality.

The best known vector graphic format for the Web is Adobe Flash SWF. SVG is another. EPS and AI (Adobe Illustrator) are vector formats that aren't supported by browsers.

--------------------------------------------------------------------------------------------------------------------------------------------


Good Graphics (p.428)

Free stock art - Free stock photography sites are

stock.xchng (www.sxc.hu) and
morguefile.com.

These sites focus on photographic images and offer much less in illustrations.

* Getty Image's Photodisc (www.photodisc.com) is our favorite commercial site. Another option is Photos.com, which offers unlimited downloads through a subscription service.

* The stok.xchng site offers professional-quality photographic images at no cost.

--------------------------------------------------------------------------------------------------------------------------------------------


Graphics Editor (p.430)

* Adobe Photoship - is the industry standard image-editing software for Windows and the Mac.

Adobe also offers Adobe Photoshop Elements, which is a trimmed-down version of Photoshop.

* Expression Web (www.microsoft.com/products/expression)

* Corel's Paint Shop Pro (www.corel.com)

* Gimp, the open source alternative - has versions for Windows, Mac, and Linux. (www/gimp.org)

--------------------------------------------------------------------------------------------------------------------------------------------


Contemporary Design Trends (p.431)

* Creative cropping provides excitement, grabs the visitor's attention, and can even give a sense of motion by not showing the entire subject within your photo.

* Rule of thirds

--------------------------------------------------------------------------------------------------------------------------------------------


Graphics File Type to Use (p.435)

* JPG/JPEG
* GIF
* PNG

Each of these types supports compression, making them preferred over other image formats, such as RAW or TIFF.

--------------------------------------------------------------------------------------------------------------------------------------------


* JPEG: A great all-around format (Joint Photographic Experts Group)

  - best all-around image format
  - unlike GIF and PNG, JPEG does'nt support transparency: every pixel of a JPEG image must have a color
  - One of the most powerful aspects of JPEG images is your ability to precisely control the level of optimization that you want to use for a given image. Image editing software enables you to specify the quality level of the JPEG image (on a scale of 0 to 100, where 0 is most compressed = smaller file).
  - In most cases, you should use a quality level of 30-75, depending on the image.

* GIF: Great for text and transparencies (Graphics Interchange Format)

  - This was the standard image format in the early days of the Web and still remains popular.
  - It supports only 256 colors.
  - It works extremely well with text, lines, and simple graphics in which only a few colors are being used.
  - It also supports transparency, enabling you to designate the image's background as trnsparent. Transparancy allows you to get away from simply using rectangular images and create rounded cornors, different shapes, and so on.
  - It is the only one of the three graphics formats that supports animation.

* PNG: The new kid on the block (Portable Network Graphics)

  - PNG was developed as an open source alternative to GIF.
  - PNG comes in two versions: PNG-8, PNG-24
  - PNG-8 is similar to GIF in 256-color support and simple transparency.
  - PNG-24 supports 24-bit colors (that is millions of colors) and opacity. PNG images are much larger than JPEG images.

--------------------------------------------------------------------------------------------------------------------------------------------


Speed Up Your Web Graphics (p.439)

* To ensure that slow connections display your pages rapidly, just reduce the size of your graphics files. You can do this in four ways:

  - Reduce the file size.
  - Reduce the dimensions of the graphical image.
  - Give the appearance of quick performance.
  - Define the image size accurately in the Web page.


** A great way to check your page speed is to use the freely available Web Developer extension in FIrefox. From the Web Developer toolbar menu, choose Tools-->View Speed Report. The page is submitted to Weboptimization.com, which provides a detailed performance report.

--------------------------------------------------------------------------------------------------------------------------------------------


Reducing the File Size (p.439)

* PNG-24: If you are working with high-color PNG-24 images, save them as JPEG files instead.

* GIF: If you are trying to reduce the size of a GIF file, check the number of colors. If it is more than 200, try JPEG. If it is only a few colors, try PNG-8.

--------------------------------------------------------------------------------------------------------------------------------------------


Making the Image Download "Seem" Faster (p.442)

When you specify the dimensions of your image, the browser displays an empty frame as a placeholder while the text of the page loads first.

<img src='deer.jpg" width="239" height="148" alt="Bambi's retirm"/>

--------------------------------------------------------------------------------------------------------------------------------------------

 
   
 

광고    배너등록    회원가입    로그인   이메일주소무단수집거부
총회주소: 605 Broad Ave, #205, Ridgefield, NJ 07657 전화 (201)941-1050 팩스 (201)941-1840 / Copyright (c) 2005-2019 by agkdced.org All rights reserved.