낮은 화면 품질 (75dpi)이 아닌 좋은 인쇄 품질을 유지하려고합니다. 그러나 이미지는 픽셀로 구성되어 있으며 해상도를 결정합니다. 따라서 여러 너비와 높이의 이미지 만 있으면 충분합니다.
HTML/jQuery에서는 일반적으로 < img src=... width=FRACTION height=FRACTION >
으로 작은 이미지를 더 작게 정의하거나 CSS 미디어 : 인쇄를 사용하면 충분합니다.
추가 고려 사항 : 텍스트를 픽셀 이미지에 삽입하지 않고 오버레이로 추가하는 것이 훨씬 더 좋을 수 있습니다.
좀 더 설명 : 당신은 표준 Windows 뷰어하여 화면에 고해상도 이미지를 볼 수 있으며 100 % 표시 (NO 줌)을 선택하는 경우
, 다음이 큰 것을 볼 수 있습니다. 이것은 가장 쉬운
<img src="bigimage.png" width="400" height="300">
입니다 : 당신이 작은으로 표시 할 수 있습니다 HTML에서 X 3000
4000 말 : 즉, 더 많은 픽셀을 가지고 있기 때문이다. CSS에서는 자주 인쇄되지 않는 배경 이미지를 사용합니다.
페이지에 "인쇄보기"가있는 경우 일반 디스플레이에 더 작고 빠른 이미지를 사용할 수 있으며 인쇄시 큰 이미지를 볼 수 있습니다.
HTML의 텍스트 오버레이도 가능하지만 비표준 인 경우 글꼴의 라이센스가 필요합니다. 부동 div
이면 충분합니다.
플렉스에 관해서 : 누군가 다른 사람이 대답해야합니다.; 내가 굴곡을 쓴 이후로 오랜 시간.
이 클라이언트 측 또는 서버 측을 수행하고 있습니까? jQuery 태그는 클라이언트 쪽을 원한다는 것을 나에게 알려주지 만, 이것은 서버 쪽에서 훨씬 쉬운 문제이다. – mrtsherman