# favicon

glap1222

브라우저 주소창의 URL 왼쪽에 16x16 픽셀의 조그마한 아이콘을 의미합니다.(favorite icon)원래 MS가 IE 브라우저를 위해 만든 것입니다. 따라서 웹표준은 아니지만 파이어폭스 등에서도 잘 지원이 됩니다.우선 favicon.ico 라는 파일명의 아이콘 파

cloud_oort

favicon 파일을 내가 원하는 이미지로 수정을 하여 새로고침해도 아이콘 이미지가 변하지 않는다.브라우저가 캐시에 있는 이전 이미지를 유지하고 있기 때문에 업데이트가 안되는 것

sebinn

✓ 2023.02.21 TIL 1. form tag / aution, method, 유효성 검사 2. meta tag 3. favicon tag

keembloo

내용은 body 태그에 쓰면 되는데, 그렇다면 head 태그에는 무엇을 쓸까? head 태그 구성 요소 > 1. css 파일 link style title meta favicon : ico head 태그는 위5가지로 구성된다. meta란? meta는 웹브라우저의

nuyhes

결과HTMLSCSS모바일 720px 사이즈로 메뉴바를 먼저 제작하였다. left 100%를 벗어난 영역에서 나타나는 효과를 만들기 위해 position: fixed; , display: none; , left: -100% 를 적용한다. left: -100% 로 나간 모

nuyhes

결과HTMLCSSfavicon 은 웹페이지 탭화면에 title과 함께 나오는 웹페이지 아이콘이다.https://www.favicon-generator.org/ 에 들어간다.넣고자 하는 아이콘의 이미지를 선택하고 첫번째 선택란은 1번을 선택한다. 웹, 태블릿,

co28th

실습을 통해 스타벅스 페이지 만들어 보기.강사님 깃허브에서 이미지를 다운 받고 기본 파일 세팅페이지를 열어보면 상단에 타이틀과 그 옆에 아이콘이 자동으로 삽입되어 있는 것이 보이는데이것은 브라우저에서 자동으로 프로젝트 루트 경로에 favicon을 찾아 페티지 탭의 아이

leewooseong

무턱대고 코드 복붙으로 구현하였던 favicon.. 이번 프로젝트에서는 favicon에 대해 궁금증이 생겨 관련된 article을 여러개 읽게되었다. 오늘은 보고 읽은 favicon에 대해 정리해보는 시간을 가져보려 한다. favicon 개념 정리 :: favi

eugenie8

웹페이지에 접속했을 때 상단에 보여지는 아이콘을 말한다. 이 아이콘은 즐겨찾기에 웹페이지를 등록할 때도 사용된다. 웹 사이트를 대표하는 로고의 개념과 비슷하며, 사이트의 성격을 드러내기도 한다.

badahertz52

string 타입의 이모지를 어떻게 하면 파비콘으로 사용할 수 있을까 고민하며 열심히 검색해 찾은 방법에 대한 글

kgorae

Tips 변수명은 아주 아주 중요하다. 하지만 그보다 기능 구현이 더 중요하다. 변수명 짓기가 어렵다면 임시로 지은 이름으로 기능 구현 확인 후, 변수명을 신중히 고려해서 바꾸는 방법도 있다. Git gitmoji https://gitmoji.dev/ React 로

suyong0697

파비콘(Favicon) 적용원하는 파비콘 이미지를 직접 만들거나, 다운로드 받은 후 HTML의 head 안에 넣어 주면 된다.https://www.flaticon.com/ 등의 사이트에서 다운로드 받아 사용할 수 있다.파비콘을 직접 만들 경우 16x16 크기의

choosey_

삽질한 후기..

tngusglaso

나의 포트폴리오 사이트를 만들기에 앞서 나만의 로고를 만들고 그것으로 귀여운 파비콘도 만들어볼 것이다! 1. 로고 png파일 준비하기 www.canva.com 나는 칸바 사이트에서 템플릿을 참고해서 로고를 만들었다.

borderline0px

webpack config로 html-webpack-plugin을 사용하면서 favicon을 로드할 수 있는 방법에 관하여 알아보았다favicon 만드는 방법html-webpack-plugin을 활용하여 설정하는 방법html-loader 활용하여 설정하는 방법포토샵,

gillog

웹 사이트들을 보면 자신의 사이트 별로,개성 넘치는 favicon 들이 지정되어 있다.근데 내 프로젝트는 안그렇다..주륵🥲오늘은 Vue.js 프로젝트의 favicon을 설정해보자.파일 사이즈는 중요하지 않지만 같은 가로 세로 길이를 가지는 PNG 파일이나 ico 파일

ckvelog

https://realfavicongenerator.net/Select your Favicon image 버튼을 클릭하고 svg 형식의 파비콘을 업로드 해준다. Favicon packcage 버튼을 클릭해 패키지를 다운 받은 후, 프로젝트의 루트 디렉토리에 넣

protect-me

아래 링크 접속http://tools.dynamicdrive.com/favicon/파일 선택Optional > Merge with a 32x32 desktop icon 체크Download FavIcon프로젝트에 파일 추가 ex) vue project => p

art-it

이미지의 오른쪽 (아마존)웹 사이트를 보면,주황색 정육면체 아이콘이 보이는데,이렇게 브라우저 탭에서 보이는 아이콘을 favicon이라고 한다. https://www.favicon-generator.org/1) 위 웹사이트로 접속2) 아이콘으로 만들 이미지파일

syahn1014

meta, vieport, open-graph, favicon