본문 바로가기

이미지3

티스토리 이미지 최적화 용량 줄이기 (PNG vs JPG) 이번 글은 티스토리 업로드하는 이미지를 최적화를 위해서 업로드되는 이미지의 용량을 줄이는 것에 대한 글을 작성해 보려고 합니다. 저는 보통 티스토리에 업로드 PNG 형태의 이미지를 많이 사용을 했었습니다. 그리고 블로그 방문자들에 거 조금이나마 작은 용량의 이미지를 제공해 조금이나마 이미지 로딩 시간을 줄이려고 아래 링크의 사이트(tinypng)를 통해 이미지 용량을 줄여 업로드를 해왔습니다. TinyPNG – Compress WebP, PNG and JPEG images intelligently Make your website faster and save bandwidth. TinyPNG optimizes your WebP, PNG and JPEG images by 50-80% while preserv.. IT 2022. 3. 17.
윈도우10에서 HEIC 이미지 파일 확인 방법 이 포스팅은 윈도우10에서 HEIC(High Efficiency Image Container) 이미지 파일을 여는 방법에 대한 글이다. 아이폰에서 이미지 설정을 고효율로 선택을 하고 사진을 촬영하면 확장자가 HEIC로 사진이 저장이 된다. 갤럭시에서도 HEIC로 설정을 하고 사진을 찍으면 HEIC로 사진이 저장이 된다. 아이폰이나 갤럭시에서는 HEIC 파일을 볼 수 있지만 이것을 윈도우10 컴퓨터로 옮겨서 보려고 하면 사진이 표시가 된 지 않는다. 이 증상을 이번 글에서 해결해 보려고 한다. HEIC? HEIC (High Efficiency Image Container)는 MPEG에서 개발된 이미지 컨테이너 포맷으로 JPEG와 비교했을 때 같은 화질에서 용량이 절반 가량이다. 덕분에 적은 용량으로 연사로.. IT 2021. 9. 2.
티스토리 사진 이미지 Alt 태그 한 번에 쉽게 넣는 방법 이번 글에서는 티스토리에서 글 작성 시 사진과 이미지에 Alt 태그를 한 번에 쉽게 넣는 방법에 대해서 알아보려고 한다. 티스토리에 글을 작성할 때 사진과 이미지를 추가하면 Alt 태그가 추가되지 않는다. Alt 태그를 추가하기 위해서는 HTML 코드를 직접 수정해서 하나하나 입력해야 한다. 사진과 이미지 하나하나 마다 HTML 코드를 수정해 가면서 Alt 태그를 넣는 것은 시간도 오래 걸리고 너무 귀찮은 일이다. 그래서 이번 글에서 이런 Alt 태그를 한 번에 넣을 수 있는 방법을 알아보려고 한다. 그럼 Alt 태그가 무엇인고 왜 필요한지 보자. Alt 태그는 무엇인가? HTML의 img 태그에서 쓰이는 alt 속성은 사진이나 이미지가 랜더링 되지 못해 화면에 표시되지 않을 때 화면에 나타날 문자열을 .. IT 2021. 7. 31.