Elements 패널에서 확인해보면 실제 이미지 사이즈는 1200 x 1200px 인데, 화면에 그려지는 이미지의 사이즈는 120 x 120px이라고 뜸
큰 사이즈의 이미지를 사용해도 1200 x 1200px로 표시하지 못하니, 처음부터 120 x 120px에 맞는 이미지를 사용하라는 뜻임
단순히 화면에 표시되는 사이즈인 120 x 120px로 만들어야 한다고 생각할 수 있음. 틀린 말은 아님
하지만 요즘 사용되는 레티나 디스플레이 같은 공간(픽셀)에 더 많은 픽셀을 그릴 수 있기 때문에, 너비 기준으로 두 배 정도 큰 이미지를 사용하는 것이 적절함
즉, 240 x 240px 사이즈로 사용하는 것이 적절함
이미지 사이즈를 줄이는 방법을 알기 위해서는 이미지가 어디서 오는지 파악해야 함
화면에서 보여 주는 이미지를 포함한 블로그 글 목록은 API를 통해 전달되고 있음
크롬 Network 패널로 가서 새로고침을 하면 매우 다양한 리소스가 로드됨
그 중 articles라는 리소스를 선택하면 오른쪽에서 해당 리소스에 대한 상세한 내용을 볼 수 있음
