웹솔루션개발 22년 노하우! 해피CGI의 모든것

이미지 파일을 base64로 인코딩시 서버에 이미지를 업로드 하지않고 소스 형태로 사용이 가능합니다. 이미지를 드래그 또는 찾기로 업로드 합니다.업로드 하면 인코딩이 진행됩니다.우측 버튼을 클릭해서 결과를 확인하거나 소스를 바로 복사 할 수 있습니다.인코딩 결과를 확인 할 수 있습니다.두가지 형태로 인코딩 소스를 복사 할 수 있습니다.

나열된 이미지에 물결 애니메이션 효과가 추가된 디자인입니다.마우스 클릭시 해당 이미지가 확대되고 마우스 아웃되면 원래대로 돌아오게 됩니다.

그림자로 만든 image를 받을 수 있어요. 상업적으로 사용도 가능합니다.

트리 구조로 메뉴등의 편집 및 드래그 기능을 제공하는 TOAST UI - Tree 입니다.기본적인 기능외에도 편집기능이 내장되어 있어서,설정툴 및 메뉴등으로 활용이 가능 합니다.https://github.com/nhn/tui.tree 페이지에서 최신 소스 다운로드가 가능 하고,사용법은 아래의 API 메뉴얼을 살펴 보시면 되겠습니다.https://nhn.github.io/tui.tree/latest/Tree 샘플은 https://nhn.github.io/tui.tree/latest/Tree 페이지에서 9가지를 제공 합니다.

imgrights는 Html5 속성 또는 인라인 요소를 기반으로마우스를 가져갈 때 연결 가능한 이미지 저작권 정보를 표시하는 간단한 jQuery 플러그인입니다.다운로드 받은 파일의 압축을 해제한 뒤index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.웹페이지에 이미지를 표시하고,마우스를 올리면 이미지 우측 하단에copyright 를 표시해주는 기능이 있습니다.사용법은 아래와 같습니다.이미지를 많이 사용하고,각 이미지마다 서로 다른 copyright 표시가 필요한 페이지에 사용하기에 좋겠네요

kslider는 이미지를 우아한 방식으로 표현하기 위해 만들어진 초소형, 완전 반응형, 사용하기 쉬운 jQuery 기반 슬라이더입니다. 화면 크기에 따라 높이/너비를 자동으로 조정합니다. 호버링 시 탐색 화살표를 자동으로 표시하거나 숨깁니다. Auto는 img의 속성에서 이미지 캡션을 만듭니다.alt 특정 속도로 이미지 간에 자동 전환됩니다. 회전목마와 같은 무한 루프. 와 같은 기능이 있습니다. 사용방법은 아래와 같습니다.

이미지 편집을 웹브라우저에서 할 수 있는 편집툴인 TOAST UI Image Editor 입니다. https://nhn.github.io/tui.image-editor/latest/tutorial-example01-includeUi 페이지에서 데모 페이지 확인이 가능 합니다. 소스의 다운로드는 https://github.com/nhn/tui.image-editor/releases 페이지를 통해서 버전별로 다운로드가 가능 합니다. 설치 방법은 https://github.com/nhn/tui.image-editor 페이지를 참고 하시면 되겠습니다. 소스를 다운로드 받는 경우, apps\image-editor\examples 경로에서 샘플 소스도 확인이 가능 하겠습니다. 샘플 소스를 활용해서 쉽게 구동을 해볼..

상업적으로 이용 가능한 무료 이미지 사이트입니다. 필요한 이미지를 검색하여 해당 이미지를 클릭 후 이미지의 상세페이지에서 Download Image 버튼을 클릭하면 회원가입 페이지로 이동합니다. 이메일, 이름, 비밀번호 등 간단한 정보만 입력하면 가입이 완료되고 바로 무료이미지를 다운로드 받을 수 있습니다.

첨부파일을 다운로드 받아서, 압축을 해제하면 나오는 index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다. 화면에 이미지가 표시가 됩니다. 이미지들을 마우스로 클릭을 해보면, 위 화면처럼 lightbox를 이용해서 클릭한 이미지를 화면에 표시해주게 됩니다. 사용방법은 아래와 같습니다. 탐색하기 쉬운 라이트박스 팝업 에 콘텐츠를 표시하는 기능 이 있으며 이미지, YouTube 동영상, Vimeo 동영상 및 HTML5 동영상을 포함한 다양한 콘텐츠를 지원합니다. 자신의 포트폴리오, 갤러리 및 프로젝트를 우아한 방식으로 선보이고자 하는 사진작가, 아티스트 및 웹/모바일 개발자에게 이상적입니다.

지우고 싶은 부분을 브러쉬를 사용하여 색칠 합니다. 그리고 클리너 버튼을 누르면 완벽하게 지워집니다. AI 를 사용하여 지워주기 때문에 사람등도 잘 지워진다고 광고하고 있습니다. 사진에 특정인물등을 지우고 싶다면 활용해 보시기 바랍니다.