Web Standard

AV1(.avif) 이미지 파일 포맷 기본적으로 초압축된 이미지 타입이다. 이미 넷플릭스는 JPEG, PNG, 심지어 WebP 이미지 포맷 보다 퀄리티나 압축률이 뛰어난 .avif 를 고려해왔다. Alliance for Open Media 에서 Google, Cisco 및 Xiph.org(Firefox 제작사인 Mozilla와 함께 작업)와 공동 으로 개발했으며, 이 형식은 오픈 소스이고 로열티가없는 이미지 형식으로 만들어졌다. JPEG 및 WebP 와 비교 AVIF는 JPEG, WebP에 비해 이미지 파일 크기를 크게 줄여준다. (JPEG 대비 50%, Webp 대비 20% 절감) 모든 이미지 코덱 지원, 손실/무손실, 알파 채널(투명) 가능, GIF 같은 애니메이션 가능! 하다는 점에서 굉장히 사용폭..

최근 크롬이 업데이트 되면서 (제 크롬은 오늘자 맥버전 68이네요) 로컬 서버를 아주 쉽게 띄울 수 있게 되었습니다.심지어 자기가 원하는 도메인으로 설정도 가능하고, 페이지를 띄워놓고 브라우저에서 수정 및 저장까지 가능합니다! 사실 서버를 띄우려면 이것저것 셋팅 해야될것도 많고, 한번에 여러개를 띄우기도 번거롭기도 하고 그렇죠.주소도 localhost:포트번호로 사용해야 되구요. 그렇다고 작업한 파일을 그냥 열었을 경우, React js등으로 작업되고 빌드된 페이지는 열리지 않죠.서버를 띄우지 않고 스태틱한 파일을 그냥 열면 최종본을 확인할 수 없습니다. 오류가 나요. 그럼, 이제 어떻게 하는지 알아봅시다. 우선 적당한곳에 폴더를 만들어 줍니다. 저는 my_local_servers 라고 만들었어요. 그 ..

예제React js 로 예제를 만들어 보았습니다. 소스 코드는 제 깃헙의 https://github.com/yunyong/tui-editor-react-example 여기에서,데모 페이지는 여기 에서 확인하실 수 있습니다. NHN엔터에서 오픈소스로 공개한 에디터가 나왔네요. 이름은 TOAST UI Editor. 2018년 1월 15일 깃허브에 공개 되었습니다.마크다운(Markdown)과 위지윅(WYSIWYG) 기능을 포함한 형태라고 합니다. 엄청나네요.. 특히 엑셀 복붙이랑 그래프 표현은 정말 대단한 것 같습니다. 게시판 만들때 어떤 에디터를 쓰지.. 하는 고민을 덜어줄 것 같습니다. API 문서와 데모 예제 또한 정리가 잘 되어 있습니다. 깃헙을 포함한 모든 페이지가 영어로 되어있는걸 보니 세계시장을 ..

개요 webp는 구글에서 발표한 새로운 웹전용 이미지 포맷이다. 기존의 다른 포맷들 보다 더 작게 압축이 가능한 장점이 있다. (동급 퀄리티 대비 png는 26%, jpeg는 34% 까지 감소!) 구글 공식 홈페이지 비디오 포맷인 VP8에서 파생되었으며 동영상 사이즈를 줄이는 webM 프로젝트가 webP까지 확장된 사례다. 비교 1. PNG (964kb) 2. JPG (459kb) 53% 감소 3. webP (49kb) 95% 감소! webP의 경우 원본을 75% 퀄리티로 압축 제작하였으나, 육안으로 구분 힘든 높은 퀄리티를 보여주었다. 용량은 무려 95% 감소!! 놀랍지 않은가? 제작방법 그렇다면 이 webP 파일은 어떻게 제작할 수 있을까? 아쉽게도 포토샵등 그래픽 소프트웨어에서 아직 지원되지 않는다..