카카오톡 채팅에 링크주소를 적어서 보내기를 하면 해당 사이트의 미리보기 이미지가 표기 된다. (이미지 참고) 해당 미리보기 이미지는 meta tag에 설정된 og:image 내용으로 표기되는데 이 이미지가 변경이 되면 변경된 이미지로 바로 적용되어 보여지지 않는다.() 이럴때 카카오 개발자 페이지에 접속하여 "개발가이드 > Cache Tool" 메뉴로 이동하여 캐쉬를 삭제하고 다시 링크를 올려보면 변경된 이미지로 적용됨을 확인할 수 있다. 출처 - 정집사의 개발로그

1. 요소로 이미지를 삽입하는 경우 "src"속성으로 이미지 파일의 경로를 "alt"속성으로 대체 텍슽트를 작성합니다. "alt"속성으로 대체 텍스트를 작성할 때에는 일반적으로 이미지에 표현된 텍스트를 그대로 입력하지만, 약도 등의 이미지에서는 보다 구체적인 설명을 입력할 수 있습니다. 또한 경우에 따라 이미지를 단순한 텍스츠로 설명하기 어려운 경우(사이트 맵, 조직도, 다이어그램 등)에는 "longdesc"속성으로 참조할 파일의 경로를 작성하기도 합니다. 2. 이미지 삽입하기 3. 이미지로 만든 약도의 표현많은 웹 사이트는 이미지를 이용해서 약도를 표현합니다. 약도를 표현할 때는 "alt"의 값으로 구체적인 설명이 있어야 합니다. 구체적으로 작성할 시 "alt"를 사용하여 작성할 수 있습니다. 4. ,..

1. 포토샵 또는 이미지 파일을 .ico확장자로 변경시켜주는 사이트를 이용하여 icon을 만들어줍니다. Dan`s Tools(https://www.favicon-generator.org/) 2. 태그 밑에 소스코드를 추가해 줍니다. 3. 브라우저 지원 여부 출처 - wkipedia 브라우저 ICO PNG GIF 애니메이션 GIF JPEG APNG SVG 구글 크롬 O O 4.0 4.0 4.0 X X 인터넷 익스플로러 5.0 11.0 11.0 X X X X 모질라 파이어폭스 1.0 1.0 1.0 O O 3.0 X 오페라 7.0 7.0 7.0 7.0 7.0 9.5 누락됨 사파리 O 4.0 4.0 X 4.0 X X

1. 이미지 불러오기 예제 - 결과 2. 속성 속성 설명 src="경로" 그림의 경로를 지정합니다. width="수치" 그림의 가로 크기를 픽셀 값을 사용하여 지정합니다. height=수치"" 그림의 세로 크기를 픽셀 값을 사용하여 지정합니다. alt="내용" 그림의 설명을 지정합니다. 그림이 보이지 않을 때 설명글이 나타납니다. border="수치" 그림의 테두리를 설정합니다. align="정렬" 주변의 요소와 맞추어 정렬 방법을 지정합니다. ex) bottom, middle, left, right