반응형
크롬으로 플러그인 없이 웹사이트 풀스크린 캡쳐하기
안녕하세요. 당근입니다. 오늘은 웹사이트 제작 및 기획에 없어서는 안되는 기능. 사이트 전체화면 캡쳐하는 꿀팁을 가져왔어요. 해당 페이지에 전체 스크롤을 모두 캡쳐하는 방식으로 캡쳐용 플러그인도 여러가지가 있지만 간편하게 크롬으로 간단하게 전체 화면을 캡쳐하실 수 있습니다.
오늘 캡쳐할 화면입니다. F12 또는 우클릭 - 검사에 들어가셔서 크롬 검사도구를 여세요. 단축키 (ctrl+shift+i)
스마트디바이스 모양의 아이콘을 누르세요.
아마 모바일화면으로 뜰 텐데요. 원하시는 기기나 해상도에 맞는 사이즈를 지정합니다. 저는 PC버전을 캡쳐할거기때문에 그에 맞는 해상도로 설정했어요.
그러고 난 다음 오른쪽 끝부분에 있는 아이콘을 클릭해서 Capture full size screenshot를 클릭하시면 끝!
크롬 하단에 png파일로 다운로드 된 걸 확인하실 수 있을거예요.
일반 캡쳐화면과 전체 화면 캡쳐를 비교해보세요. 이렇게 해상도에 맞춰서 잘 캡쳐되는걸 보실 수 있습니다.
정말 간편하죠?
당근이었습니다.
반응형
'퍼블리싱' 카테고리의 다른 글
[Atom] 아톰 뷰티파이(atom beautify)로 깔끔하게 코드 정렬하기 (0) | 2022.03.21 |
---|---|
[html/css] box-shadow로 그림자 넣기. (0) | 2020.08.12 |
유튜브 영상 삽입 오류 "www.youtube.com에서 연결을 거부했습니다." 해결 방법 (15) | 2020.03.13 |
[ATOM]아톰에서 Remote FTP로 FTP 연결하기 (0) | 2020.03.12 |
카페24 호스팅 후 파일질라(filezilla)로 FTP접속하기 (1) | 2020.03.11 |
댓글