이미지 13

이미지 최적화.... 뭐가 이래 복잡해..

이미지 최적화 srcset 및 picture 이미지 최적화 이미지 제거 및 바꾸기 불필요한 이미지 리소스 제거 가능한 경우 CSS3 효과 활용 이미지에서 인코딩 텍스트 대신 웹 글꼴 사용 고해상도 화면의 영향 벡터이미지를 추천. 래스터 이미지를 사용해야한다면 srcset 및 picture를 사용하여 각 이미지에 대한 여러 버전을 제공하고 최적화. 압축이미지 압축 이미지 기법은 기기의 실제 성능에 상관없이 높은 압축율의 2x 이미지를 모든 기기에 제공. 이미지 유형과 압축 수준에 따라 파일 크기가 상당히 줄어들지만 화질은 별차이가 없어 보일 수 있다. Caution 압축 기법 사용 시 메모리가 늘어나고 디코딩 비용이 필요하므로 주의하세요. 작은 화면에 맞게 큰 이미지의 크기를 조정하는 것은 비용이 많이 들..

lang/front 2018.08.16

ubuntu linux-image install 의존성 문제

dpkg: error processing package linux-image-generic (--configure): dependency problems - leaving unconfigured 우분투에서 linux-server 의존성 에러발생시 # 해당 패키지 설정 삭제, 패키지를 제거하지는 않는다. sudo dpkg --purge linux-image-3.13.0-66-generic sudo apt-get update # 강제 설치 sudo apt-get -f install # 서버 이미지를 직접 다운로드 후 설치 # wget https://launchpad.net/ubuntu/+archive/primary/+files/linux-server_3.2.0.69.82_amd64.deb # sudo dpk..

os/Ubuntu 2015.10.27

일괄 이미지 변환툴

[Ubuntu] 사진 일괄 편집 도구 - phatch 리눅스에서 사진 크기 일괄적으로 줄이는 방법 - NAUTILUS 확장팩 설치 append 2015.09.29 ImageMagick: convert to keep same name for converted image mogrify Convert 참고 : 2015/08/07 - [OS/Ubuntu] - 리눅스 이미지를 PDF 만들기(내 보내기) convert from.pdf to.png convert -resize '50%' form.png to.png convert -resize '300x300' from.png to.png # 비율유지 convert -resize '300x300!' from.png to.png # 전체 혹은 멀티 convert -re..

os/Ubuntu 2015.09.06

리눅스 이미지를 PDF 만들기(내 보내기)

2015/09/06 - [OS/Ubuntu] - 일괄 이미지 변환툴convert images to pdf [Linux] 다량의 이미지를 PDF로 만들기 리눅스에서 PDF 파일을 JPG 파일로 변환 하려 합니다. 2015.09.06 ImageMagick으로 PSD, PDF, AI, EPS의 Layer를 Thumbnail로 만들기 2015.09.06 Examples of ImageMagick Usage (Version 6) sudo apt-get update && sudo apt-get upgrade -y # convert 명령어를 이용하기 위해 imagematick 이 필요하다. sudo apt-get install imagemagick convert *.jpg output.pdf # 혹은 convert ..

os/Ubuntu 2015.08.07

우분투 포토샵 페인팅 소프트웨어

Install Krita 2.9, Photoshop Painting Software For Ubuntu 14.10/14.04/12.04 sudo add-apt-repository ppa:dimula73/krita sudo apt-get update sudo apt-get install krita-testing krita-testing-dbg # 쿠분투 저장소 추가 sudo add-apt-repository ppa:kubuntu-ppa/backports # 실행 프로그램을 /usr/ 복사 cd /opt/project-neon/share/ && sudo cp -r applications/ /usr/share/ cd /opt/project-neon/share/ && sudo cp -r icons/ /usr/s..

os/Ubuntu 2015.03.09

Google Analytics 텍스트 표현에 이미지가 아닌 텍스트 사용하기

텍스트 표현에 이미지가 아닌 텍스트 사용하기 기계가 읽을 수 있는 텍스트는 브라우저 내에서 선택해서 MS워드나 노트패드 같은 다른 문서 또는 다른 프로그램으로 복사하여 붙여넣기가 가능한 텍스트다. 그렇게 할 수 없다면 그 텍스트는 점으로 이뤄진 이미지(GIF, JPG, PNG 등)이거나 플래시 같은 임베디드 형식일 가능성이 높다. 두 가지 방식 모두 방문자에게 효과적인 메세지 전달이 가능하고 어떤 경우 브랜드 매니저는 제품이나 회사명을 언급할 때 이미지 형식의 사용을 더 선호하기도 한다. 하지만 분명한 것은 이들이 페이지 디자인에서 이미지나 로고로 인용되는 동안은 다른 것과 마찬가지로 전환에 어떤 영향을 미친다는 것이다. 뿐만 아니라 문서 헤드를 이미지 형태로 제공하는 것은 일반화 되어서 비표준 폰트와 ..

google/analytics 2014.12.17

대결! 온라인 이미지 압축(최적화) 도구 비교

참조showdown! 5 Online Image Compression Tools Compared대결! 온라인 이미지 압축 도구 비교 HTTP Archive Report 2013년 페이지 평균크기는 1.7MB * 비교대상TinyPNGCompressnowCompressor.ioJPEG-OptimizerImage Optimizer * 결론 TinyPNG Compressnow Compressor.io JPEG-Optimizer Image Optimizer Supported formats PNG GIF, JPG, JPEG, PNG JPEG, PNG, GIF, SVG JPEG, JPG Unknown – PNG for sure, possibly JPG and GIF as well, including animated ..

ux/img 2014.06.30

Chrome OS 999.999.32309.21140

참고Download Google Chrome OS .vmdk And .vdi [VMware and VirtualBox] (Via Torrents / Megaupload) Want to try Chrome OS? Download VMDK or VDI image, see for yourself, it's a 300 MB download. 구글 크롬 OS 설치 및 사용해보기구글의 크롬 OS를 탑재한 Cr-48, 테스트 동영상 공개 크롬 OS, 공짜로 준다면야 크롬 웹스토어, 크롬 OS가 의미하는것크롬OS, 윈도용 SW 지원 대세되나 아주 심플하고 간단한 브라우즈로 된 OS입니다. 하지만 아직은 조금 더 다듬어야 하지 않을까 생각되네요.Ubuntu에서 vbox로 실행 해보아서 그런지 OS자체 속도에서는 굉장이 ..

google 2010.12.21

소셜미디어를 표현하는 10가지 괜찮은 이미지

10가지 아름다운 소셜미디어 이미지 InfoGraphics(정보이미지)는 시각적으로 소셜 웹 정보를 표현하는데 매력적인 방법이라고 소개되어 있습니다. 아래 10가지 정보이미지는 사람들의 흥미를 끄는데 증명된 자료라는 포스팅인데요. 관련 내용 이미지를 모두를 올리는겉 조심스러우니 일부만 링크를 걸겠습니다. Social Web Involvement This is a global map of social web involvement which illustrates that hundreds of millions of web users are creating and sharing content every month. 웹 참여와 사용자가 수백만 달러의 금액을 창출하는 컨텐츠 공유를 보여주는 세계지도 입니다. (번역..

sns 2010.07.07
반응형