프론트관련 웹사이트 및 최적화

1. https://tinypng.com
   TinyPNG는 이미지 파일(특히 PNG와 JPEG)을 압축하여 파일 크기를 줄이는 데 특화된 온라인 도구입니다. 화질 손실을 최소화하면서도 용량을 줄여 웹사이트 로딩 속도를 개선하거나 저장 공간을 절약하는 데 유용합니다. 사용법이 간단하고 무료로 기본 기능을 제공합니다.

2. https://www.base64-image.de
   이 사이트는 이미지를 Base64 문자열로 변환해주는 도구를 제공합니다. Base64 인코딩은 이미지를 텍스트 형식으로 변환하여 HTML, CSS, JSON 등에 직접 삽입할 수 있게 해줍니다. 주로 웹 개발에서 외부 이미지 파일을 로드하지 않고 소스 코드에 포함시키고자 할 때 사용됩니다.

3. https://animate.style
   Animate.css는 웹 페이지에 간단한 애니메이션 효과를 추가할 수 있는 무료 CSS 라이브러리입니다. 이 사이트에서는 다양한 애니메이션 스타일(예: 페이드, 바운스, 슬라이드 등)을 미리 보고, 필요한 CSS 코드를 다운로드하거나 링크로 연결해 사용할 수 있습니다. 초보자도 쉽게 적용 가능합니다.

4. https://caniuse.com
   Can I Use는 웹 개발자들이 특정 HTML, CSS, JavaScript 기능이 어떤 브라우저에서 지원되는지 확인할 수 있는 사이트입니다. 브라우저 호환성 데이터를 제공하며, 최신 웹 기술을 사용할 때 필수적인 참고 자료로 활용됩니다. 검색 기능으로 원하는 기능을 바로 확인할 수 있습니다.