[기타] 이미지 추출하기
오키오키 웹을 만들자!! 그런데 이미지.. 뭘로 추출해야되지,,? 이건,, 다 png로 넣어버려도 되나..? 싶은 고민들 많을거다. 이번에는 프로젝트 시작에 앞서 어떤 이미지로 추출하면 좋을지에 대해 알아보자. 웹에서 적절한 이미지를 선택하는 것은,, 약간 밸런스 게임 같다. 용량이 높으면 고화질의 멋진 이미지를 얻을 수 있지만, 너무 용량이 높으면 그것을 받아오는 로딩 속도가 느려져 웹의 퍼포먼스를 방해하기도 한다. 그리하여, 각각 이미지를 어떤 파일로 추출할지 정하는것은 웹의 퍼포먼스에 있어 중요한 일이다. #1. jpg, jpeg - 가장 보편적으로 사용되는 이미지 확장자. - 이미지가 촘촘한 dot으로 이루어진 레스트터 타입의 이미지다. - 타 확장자(png)에 비해 압축률이 좋아, 배경이 투명하..
[css] 반응형 시에도 이미지 비율 유지하기 (feat. object-fit:cover)
오늘은 정말 핵꿀팁을 공유하고자 합니다. 갤러리 게시판 많이 구현들 해보셨을겁니다. 그리고 이 갤러리 작업들을 하면서 썸네일때문에 난항을 겪으신 분들도 많으실거라고 생각합니다. 특히 유저가 권장 사이즈, 혹은 비율에 맞지 않는 올렸을때 따로 처리를 하지 않는다면, 아주 이색적인 레이아웃을 경험하실수 있을겁니다. 이미지 사이즈를 px로 고정해놓자니, 이미지가 깨지고,, 고정하지 않자니, 제멋대로인 이미지 사이즈에 레이아웃이 울퉁불퉁해지고,,, 이런상황에서, 균일하고 아름다운 레이아웃과, 깨지지 않는 썸네일을 유지하기 위해 이미지를 어떻게 처리해야하는가...? 하는 고민 많이들 해보셨져..? 오늘은 이문제를 css 만으로 간단하게 해결할 수있는 저의 꿀팁을 공유하고자 합니다. 방법은 어렵지 않습니다. hei..
