본문 바로가기

블로그2

CSS 버튼 생성 시 원하는 색상 넣는 방법 다른 블로그나 사이트를 둘어보다 보면 마음에 쏙 드는 색상의 CSS 버튼을 보셨을 겁니다. 그래서 그 색상을 비슷하게 적용하려고 이리저리 맞추어 보려고 하지만 비슷하게는 나와도 똑같은 색상을 찾는 게 어려워서 비슷한 상태로 적용하거나 포기하는 경우가 있었을 텐데요. Widnows에서 제공하는 그림판을 통해 간단하게 원하는 색상 값을 뽑아내서 내 블로그에 적용할 수 있는 방업을 소개해드립니다. 캡처 일단 원하는 색상이 있는 화면을 캡처해야 합니다. 간단하게 Windows에서 제공하는 캡처 프로그램을 사용해서 화면을 캡처하시면 됩니다. 여기서 샘플로 네이버의 화면을 캡처해서 진행해 보겠습니다. 위의 캡처 화면에서 녹색 'N'의 색상 값을 뽑아내도록 하겠습니다. 그림판 실행 1. 그림판 실행 먼저 Window.. 2023. 11. 27.
구글 SEO에 최적화 된 WebP 이미지 파일을 사용하자 블로그에 글을 쓸 때 이미지를 많이 사용하고 있을 텐데요. 대부분 아마 jpg 또는 png 파일을 많이 사용하실 겁니다. 하지만 구글 SEO 측면과 용량면에서 WebP 이미지 파일을 사용하는 것이 훨씬 유리합니다. 그래서 이번에 WebP 파일로 이미지 파일을 변환하는 방법과 변경 전후의 결과가 어떻게 다른지 보여드리겠습니다. pageSpeed Insight 구글에서는 블로그나 웹페이지의 페이지 성능을 확인 할 수 있는 서비스를 제공하고 있습니다. pageSpeed Insight에서 본인의 블로그나 웹페이지의 주소를 넣고 분석을 하면 핸드폰, 데스크톱 상에서의 페이지 점수를 확인할 수 있습니다. 성능 점수가 나오고 그 아래로 스크롤을 내리면 현재 페이지 분석 후 나온 문제점에 대해서 알려줍니다. 그 내용 .. 2023. 7. 2.