본문 바로가기 메뉴 바로가기

Web Standard

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Web Standard

검색하기 폼
  • 분류 전체보기 (58)
    • html (3)
    • css (4)
    • javascript (44)
      • ECMAScript (7)
      • React js (7)
      • React Native (1)
      • webpack (13)
      • jQuery (2)
      • Backbone js (1)
      • Angular js (4)
      • etc. (9)
    • programming (3)
    • photo (0)
    • etc. (4)
  • 방명록

imagemin (1)
Node js로 webp 변환기 (webp converter) 만들기

특정 폴더에 있는 png 이미지들을 webp로 변환시켜주는 툴을 만들어 보겠습니다. 간단하게 Node js 로 제작합니다. 우선 프로젝트 폴더를 만들어 주고 $ npm init 으로 프로젝트를 생성합니다. 그 후, 이미지 변환에 필요한 패키지들을 설치해 줍니다. (Global로 설치하셔도 무방합니다.) $ npm install imagemin imagemin-webp --save imagemin : 이미지 미니파이 해주는 툴imagemin-webp : imagemin의 webp 플러그인 설치가 완료 되었으면, /webp.js 파일을 만들어 줍니다. 퀄리티가 75% 이므로 손실이 있습니다. 만약 무손실 옵션을 사용하고 싶다면 로 작성해줍니다. 작성이 완료 되었으면 sources 폴더에 png 이미지 파일들..

javascript/etc. 2018. 7. 26. 11:49
이전 1 다음
이전 다음
Kakao 다음웹툰 / 웹표준 및 ft기술, 웹접근성 / 세아이 아빠, 제주 거주 중..
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바