[ECT]02

 

   JPG

• 손실 압축 방식
• 표현 색상도(24비트, 약 1600만 색상) 뒤어나 고해상도 표시장치에 적합
• 이미지의 품질과 용량을 쉽게 조절가능
• 가장 널리 쓰이는 이미지 포멧

   PNG

• 비손실 압축
• 8비트(256색상)/ 24비트 (약 1600만 색상) 컬러 이미지 처리
• Alpha Channel 지원
• W3C 권장 포맷

  GIF

• 비손실 압축
• 여러 장의 이미지를 한 개의 파일에 담을 수 있음.
• 8비트 컬러만 지원 (다양한 색상을 표현하는 작업에는 적합하지 않음)

  WEBP

• 완벽한 손실/비손실 압축 지원
• GIF 같은 애니메이션 지원
• Alpha Channel 지원 (손실, 비손실 지원)

JPG, PNG, GIF 를 모두 대체 가능한 구글이 개발한 이미지 포맷 이지만, 지원되는 브라우저가 한정적이다.

참조 링크를 들어가면 WEBP 사용 가능 브라우저 를 확인 할 수 있다.

참조링크: caniuse.com/webp

 

   SVG

• 마크업 언어(HTML/XML) 기반의 벡터 그래픽을 표현하는 포맷
• 해상도의 영향에서 자유롭다.
• CSS로 Styling 가능하다.
• JavaScript로 Event Handing 가능
• 코드 혹은 파일로 사용 가능

벡터 이미지에 익숙하지 않다면 다루기 조금 까다로울 수 있음.

 

 

특수 문자 용어 정리

• ~  Tilde(틸드) / 물결 표시
• !  Exclamationmark (엑스클러메이션)  / 느낌표
• @  At Signn  / 골뱅이
• #  Number Sign , Sharp  / 샵
• $  Dollar Sign  / 달러
• %  Percent Sign  / 퍼센트
• ^  Caret  /  캐럿
• &  Ampersand(엠퍼센드)
• *  Asterisk(에스터리스크)  / 별표
• -  Hyphen(하이픈), Dash(대쉬)  / 마이너스
• _  Underscore(언더스코어), Low dash(로대쉬)  / 밑줄
• =  Equals(이퀄) Sign  / 이꼬르
• "  Quotation(쿼테이션) mark  / 큰 따옴표
• '   Apostrophe(아포스트로피)  / 작은 다옴표
• :   Colon (콜론)  / 땡땡이
• ;   Semicolon(세미콜론)  / 털 달린 땡땡이
• ,   Comma (콤마)  / 쉼표
• .   Period(피리어드),Dot(닷)  / 점, 마침표
• ?  Question(퀘스쳔)mark  /  물음표
• /   Slash(슬래쉬)
• |   Vertical bar (버티컬 바)
• \   Backslash (백슬레쉬)  / 역슬레쉬
• ()   Parenthesis(퍼렌서시스)  / 소괄호
• {}   Brace(브레이스)  / 중괄호
• []   Bracket(브래킷)  / 대괄호
• <>  Angle Bracket (앵글 브래킷)  / 꺽쇠괄호

특수기호를 키보드를 이용해 입력하는 경우 우리들이 원하는 값이 정확히 입력되지 않는 경우가 생각보다 더러 있기 때문에

Entitiy 를 이용하여 우회하여 입력하기도 한다.

참조 링크: www.freeformatter.com/html-entities.html