티스토리 아이콘 파비콘 만드는 방법
안녕하세요
아이콘이랑 파비콘은 댓글이나 홈페이지가 소개될 때 나오는 작은 그림입니다
기본은 티스토리 마크이지만 남들과는 차별화된 자기만의 개성을 위해 이를 변경하는 것이 필요합니다
오늘은 아이콘과 파비콘을 만들고 티스토리 블로그에 적용하는 방법에 대해서 알아보겠습니다
티스토리 관리 페이지에 가셔서
관리 > 블로그 로 가시면 해당 메뉴를 보실 수 있습니다
아이콘과 파비콘이 비어있습니다
아이콘은 플러그인에도 적용하는 곳이 있지만
보통 댓글 부분에 달리는 작은 아이콘입니다
파비콘은 브라우저 위에 블로그 탭을 보시면 아이콘이 작게 달려 있는데 이것이 파비콘입니다
저는 다른 블로그에 산타 모양으로 달아서 사용 중입니다
아이콘은 보시다시피 jpg, gif, png 확장자의 파일을 사용해서 적용해야 합니다
아이콘을 만드실 분들은 아래에서 먼저 찾아보시고 사용하시면 됩니다
아니면 사이즈를 32*32, 64*64 사이즈로 만들어 주시면 됩니다
사이즈를 보면 아시다시피 정사각형입니다
아이콘 무료 다운로드 사이트
5,475,000+ free and premium vector icons - Iconfinder
Iconfinder is the world's largest marketplace for vector and raster icons in SVG and PNG formats.
www.iconfinder.com
만드신 이미지 리사이징은 아래에서 해주세요
이미지를 넣으시고 32나 64 사이즈로 맞춰주시면 됩니다
이미지 크기조절 사이트
www.iloveimg.com/ko/resize-image
여러 이미지 크기를 한 번에 조절하세요!
여러 JPG, PNG, SVG, GIF 파일 선택 후, 신속하게 무료로 크기를 조절하세요! 픽셀 또는 퍼센트를 정해 여러 이미지의 크기를 조절할 수 있습니다.
www.iloveimg.com
파비콘은 jpg나 gif png 파일이 아닙니다
ICO 파일이 필요합니다
특별하게 만드는건 아니고요
확장자를 변환해주는 사이트를 이용하면 간단하게 ico 파일을 만들 수 있습니다
jpg to ico 변환 사이트
https://www.hipdf.com/kr/jpg-to-ico
JPG를 ICO로 변환 - JPG에서 아이콘 생성하기 - HiPDF
JPG에서 빠르게 아이콘 파일을 생성합니다. 16x16에서 256x256까지 아이콘 사이즈 지정이 가능합니다. 설치 또는 가입이 필요하지 않습니다. JPG를 ICO로 온라인에서 무료로 일관 변환하십시오.
www.hipdf.com
원하는 이미지를 올려주시고 크기를 정하고 변환을 진행해 주시면 간단하게 만들어 집니다
이렇게 확장자가 ico 파일을 만들어주시고 티스토리에 넣어주시면 됩니다
보통 업로드가 정상적으로 되시는 분들도 계시고
파일 사이즈가 너무 큽니다. 100KB 이하의 파일을 사용해주세요
라는 메시지가 나오면서 안되는 경우도 있습니다
compress image 로 이미지를 압축해 주셔야합니다
꽤 복잡하죠?..
이미지 압축, 리사이징 사이트
Compress and Resize JPEG Images & Photos Online | toolur
This online image compressor allows to compress and resize your JPG or PNG images to save your disk space. You can specify the image compression rate and the image dimensions to reduce the file size significantly. Select multiple images in JPEG, PNG or BMP
compressimage.toolur.com
여기서 ico 파일로 변환하실 수도 있으니 참고해주세요
다 되셨다면 변경사항을 저장해 주세요
그러면 이렇게 주소창 부분에 파비콘이 적용되고
댓글창에서 정상적으로 적용된 것을 볼 수 있습니다
주소창 부분에 바로 적용이 안될 수 있습니다
그럴 경우에는 브라우저를 닫았다가 다시 들어가 보시거나 캐시나 인터넷 기록을 삭제해 보시면
정상적으로 적용된 것을 볼 수 있습니다