일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- jquery
- #해피CGI
- #웹솔루션
- happycgi
- 홈페이지
- #cgimall
- 솔루션
- #이미지
- #솔루션
- 웹솔루션
- javascript
- 게시판
- #뉴스
- php
- #jQuery
- #happycgi
- #홈페이지제작
- 사이트제작
- 해피씨지아이
- 홈페이지제작
- #쇼핑몰
- CGIMALL
- 해피CGI
- CSS
- #CSS
- #동영상
- #홈페이지
- #image
- #업종별
- 쇼핑몰
- Today
- Total
목록#이미지 (57)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
html 과 css 만으로 이미지 마우스 오버시 효과 및 캡션 출력 해당 사이트에서 html, css 소스를 확인이 가능합니다.
AIBRIL은 SK 에서 개발한 인공지능 API 입니다. 해당 AIBRIL 에서 제공되는 여러가지 API 중 문자인식 OpenAPI 를 안내 해드립니다. 현재는 베타서비스중이라 이용요금은 결정 되지 않아 무료 이용이 가능 합니다. (2019년7월15일 현재 베타서비스중) 베타서비스 종료 이후에는 다른 서비스들과 같은 형태로 일부 무료제공 되고 초과시 과금되는 형태로 변경이 될것으로 예상 됩니다. 현재 문자인식 API는 차량번호인식 기능과 신분증인식 2가지로 서비스가 공개 되어 있습니다. 차량 번호 인식 기능의 경우에는 https://visionai.skcc.com/demo/lpr 페이지에서 직접 테스트를 할 수 있습니다. 신분증인식 기능은 https://visionai.skcc.com/demo/irs 페..
기본적으로 제공되는 이미지는 무료로 이용가능한 이미지입니다. 홈페이지 메뉴중 "license" 페이지를 먼저 열람하여 규격을 확인하시기 바랍니다. 허용범위에 대해선 1. Pexels의 모든 사진은 상업적, 비상업적 용도로 무료 사용할 수 있습니다. 2. 저작권을 고지하지 않아도 됩니다. 꼭 포토그래퍼나 Pexels를 출처로 밝혀야 하는 것은 아니지만 언제든 밝혀주시면 감사하겠습니다. 3. 사진을 수정할 수 있습니다. 창의력을 발휘하여 원하는 대로 사진을 수정하세요. 등의 허용범위 사항을 확인할 수 있으며, 웹사이트, 제품, 인쇄물, SNS 등에 공유 및 배포가 가능합니다. 아울러 허용되지 않는 범위에 대해서도 숙지하셔야 합니다. 1. 식별할 수 있는 인물이 부정적으로 또는 불쾌하게 나와서는 안 됩니다. ..
* Grid to Fullscreen 사진을 확대, 애니메이션 격자형태로 변형하여 보여줄 수 있는 기능을 가진 jquery plugin * 사용방법 첨부된 압축파일을 다운로드 하여 사용할 웹루트 디렉터리에 업로드하고 압축을 해제합니다 그후 아래와 같은 핵심코드들이 삽입되어야 합니다 적용할 html 문서에 샘플로 제공되는 css , js 파일을 선언 이미지 및 설명문구가 들어갈 html 구문을 아래와 같이 작성 하단에 기본 제공되는 js 파일 및 스크립트 선언 애니메이션 효과 관련 스크립트 옵션은 아래와 같습니다 timing - duration : 애니메이션 지속시간 조절할 수 있습니다(숫자형, 초단위) activation : 사진의 애니메이션 움직임 위치를 선정할 수 있습니다(`closestCorner`..
waifu2x에서는 이미지의 화질을 높이거나 일반적으로 이미지를 늘리는 것보다 이미지 깨짐현상이 훨씬 덜하게 최대 2배의 크기를 늘릴 수 있는 사이트 입니다. 이미지 업로드하시고 스타일, 노이즈감소, 확대 등 원하는 조건을 선택하신 다음 변환버튼을 누르시면 웹사이트상에서 변환된 이미지를 확인하실 수 있고, 다운로드 버튼을 누르시면 변환된 이미지가 다운로드 됩니다. 아래와 같이 작은 이미지의 크기를 늘리실 때 유용합니다. 일반적으로 포토샵 등 이미지 편집 프로그램으로 크기를 늘리시면 아래와 같이 이미지가 흐릿하게 깨져 보입니다. waifu2x 사이트를 이용하여 이미지를 2배 늘리시면 아래와 같이 보다 선명한 화질의 이미지로 크기를 늘리실 수 있습니다. 고화질 이미지 없는 저화질 이미지를 사용해야 될 경우,..
이미 예전에 pixlr editor 에 대해서 소개된 적이 있는데요. http://happycgi.com/program/detail.php?number=15714 오늘은 pixlr editor 를 이용하여 간단한 투명 PNG 이미지를 만드는 방법에 대해서 안내 하고자 합니다. ^^ 저는 개발자여서 PC 에 포토샵이 없습니다. 간단한 PNG 만들려고 포토샵을 다운로드 받거나 설치하기도 귀찮습니다. 보통 이때 pixlr editor 를 이용합니다. 1.우선 https://pixlr.com/editor/ 사이트에 접속하십시요. 2.OPEN IMAGE FROM COMPUTER 를 선택하여 자신의 PC에 저장된 이미지를 불러오세요. 3.영어보다는 한국어에 익숙하시죠? Language 를 선택하여 한국어를 선택하세..
마우스 오버시 이미지가 수평으로 회전하면서 다른 이미지를 보여줍니다. 3d 효과로 회전을 하면서 자연스럽게 다른 이미지가 보여집니다. 텍스트를 입력할 수 있습니다. 해당 사이트에서 html,css 소스를 확인 및 다운로드 할 수 있습니다.
뉴스본문과 같은 형태의 문서에 삽입된 이미지를 클릭하면 레이어로 확대되어 전체화면으로 볼수 있는 medium-lightbox 입니다. 이미지는 data-width 와 data-height 값으로 제어하며 플러그인을 이용하여 이미지 보기시 부드러운 효과를 적용하고 있습니다. http://davidecalignano.it/project/files/medium-lightbox/demo/demo.html 본 링크는 해당 소스의 데모를 확인할 수 있는 링크입니다. 위와같이 이미지를 클릭하면 전체 화면에서 해당 이미지를 확인할 수 있는 기능이며, 별도 레이어 및 새창과 관련된 소스 없이 한번에 간단히 이미지를 확대하여 확인할 수 있습니다. 확대된 이미지를 한번더 클릭하면 축소되어 원래 위치에 삽입되는것처럼 적용됩니..
사이트에 접속하셔서 가지고 계신 인물 사진을 한번 업로드 해보시기 바랍니다. 그러면 너무 신기하게도 수초만에 인물만 딴 이미지를 다운로드 받을 수 있습니다. 인물만 따고 싶을때 한번 이용해 보시기 바랍니다.
고화질 무료 이미지 사이트 "splitshire"를 소개합니다. 다양한 무료 이미지를 제공하고 있고 개인이 직접 촬영한 사진들을 업로드하여 공유하고 있습니다. splitshire의 이미지는 저작권 표기없이 자유롭게 무료로 사용이 가능하지만 타인에게 그대로 판매할 수 없으며 부적절한 컨텐츠가 있는 곳에서는 사용을 허용하지 않고 있습니다. 자세한 정보는 https://www.splitshire.com/licence/ 에서 확인하실 수 있습니다. 위의 캡쳐와 같이 splitshire 이미지들은 다양한 category로 분류되어 있습니다. 마음에 드는 이미지를 선택하시면 위와같은 창이 뜹니다. 스크롤을 내리시면 다운로드 버튼을 확인하실 수 있습니다. 해상도를 따로 설정할 수없어 큰 용량의 이미지 파일을 다운 받..