마지막 업데이트 : 2021년 06월 07일
조회수 : 

이미지 카드를 만드는 방법

Div를 만들고 BG 이미지로 이용하는 방법은 2가지의 문제점이 있음. srcset 이미지를 활용할 수 없음 SEO 차원에서 Image에 Alt text 를 부여할 수 없음 따라서, 이미지에게 Width 값과 Height 값을 부여한 […]
Written by: doogak
  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

Div를 만들고 BG 이미지로 이용하는 방법은 2가지의 문제점이 있음.

  1. srcset 이미지를 활용할 수 없음
  2. SEO 차원에서 Image에 Alt text 를 부여할 수 없음

따라서, 이미지에게 Width 값과 Height 값을 부여한 후, CSS를 이용하여 Cover 이미지처럼 활용할 수 있슴.

object-fit: cover;
object-position: 50% 50%;

  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기
power-switchmagnifiercross