원본이미지와 똑같이 가로 세로 비율 맞춰져서 보이게 하는 방법좀 알려주...

원본이미지와 똑같이 가로 세로 비율 맞춰져서 보이게 하는 방법좀 알려주...

작성일 2006.11.16댓글 3건
    게시물 수정 , 삭제는 로그인 필요

제가 지금 사진 게시판을 만들고 있습니다

아직 초보수준을 넘지 못한 내공이라 자바스크립트도 약하고 php프로그래밍 자체도 어설프기 그지 없습니다

그래도 뭔가를 직접 만들면서 공부 하는 것이 가장 빠르게 실력을 습득 할 수 있지 않을까 싶어서 간단한 홈피를 만들면서 공부 하고 있습니다

이제 사진 게시판을 만들차례인데... 데이터 베이스에 입력도 하고 리스트 페이지도 만들었습니다만 작은 문제가 생겼습니다

리스트 페이지에 뿌려주는 사진이 내가 임의로 정해놓은 width , height 값의 영향을 받아 원본과 다르게 일그러져 보이는 현상이 나타나고 있습니다

그리고 view페이지에서도 원본의 가로세로 비율을 맞추며 보여주는 사이즈를 내가 원하는 만큼 조절을 하고 싶은데.... 어떻게 만들어야 할지 난감하네요

 

고수님들... 한수 좀 가르쳐 주십시요

원리 라든가 소스에 주석을 달아 가르쳐 주신다면 진심으로 감사 드리겠습니다



profile_image 익명 작성일 -

원본 이미지의 비율을 미리 구해 놓은 후 이 비율을 나중에 써 먹으면 됩니다.

 

 

 

원본 이미지가 가로가 800 이고 세로가 600픽셀인 이미지 였다면,

 

A=600/800 

 

저장합니다. 물론 디비에도 저장해야 할 겁니다. 나중에 써 먹어야 하므로

 

리스트 페이지에 뿌려줄 때는  가로 세로를 많이 줄여서 보여줘야 할 겁니다.

 

리스트 페이지에서 A값을 불러옵니다.

 

리스트 페이지의 이미지세로값= A * 리스트 페이지의 가로 값

 

 

 

예를 들어,

 

원본 이미지가 800*600 사이즈였다면

 

A=600/800

 

따라서 A 값에는 0.75라는 값이 저장됩니다.

 

리스트 페이지에서 뿌려줄때 이미지 가로 값이 100 이라면

 

이미지 세로 값 = A * 100

 

여기서는 A값이 0.75이므로 세로값은 75가 되겠군요.

 

 

위와 같은 방법으로 하면 이미지의 크기가 줄어들더라도 그 비유은 유지할 수

 

있을 겁니다.

 

이상 허접한 답변이었습니다. ^-^

profile_image 익명 작성일 -

안녕 하세요..zestern 입니다.

 

출력해야할 비율대로 줄이는 거라면...원본 이미지의 높이와 넓이의 비율대로 줄이기만 하면 된단 말씀인가요.? ..다만 원본 이미지 의 넓이가 줄어든 만큼의 비율로 높이또한 줄어들어야 한단 말씀인거 같은데..

 

$size = getimgesize(이미지URL); // 이미지의 정보를 가져오는 PHP함수 입니다.

echo"$size[0]"; // 이미지의 실제 width 값이 나옵니다. 예)100

echo"$size[1]"; // 이미지의 실제 height 값이 나옵니다. 예)200

 

$width = "50"; //임의로 정하는 넓이(이 값만 조절하면 되겠지요..?)

$height = $width*$size[1]/$size[0]; //원본 이미지의 넓이값 대비 높이와 같은 비율로 줄어든 높이값(간단한 1차 방정식 이지요..^^) 여기서 원본 이미지의 실제 크기가 위의 예)의 값이 나왔다면..여기서 높이는 100이 나오겠지요.?

 

이렇게 해서 원본 이미지 대비 넓이 50에 맞는 비율의 높이 값 100이 나오게 됩니다.

그럼 이 값을 이미지의 사이즈값으로 집어 넣기만 하면 됩니다.

 

참고* ( ) => < > 입니다.  (여기선 이렇게 표현할 수 밖에..ㅡㅡ; 소스로 인식해 버리는 군요..여기 게시판..ㅋ)

echo"(img src=이미지URL width=${width} height=${height})";

 

이런식으로 출력하면 출력되는 어떤 이미지든 임의로 정한 width 값에 따라 같은 비율의 높이 값을 얻을 수 있습니다.

 

그런데..문제는 같은 비율로 줄인다고 깨끗하게 나오지는 않죠..큰 이미지를 강제로 줄여보여 주는 거니깐요..자세히 보면 조금 어색합니다..이미지가..그래서..GD를 이용해서 미리

resizing을 해서 출력하는 방법을 쓴답니다. 강제로 줄이는게 아니라..원본 사진을 용도에

따라 미리 size를 줄인 이미지로 생성해 놓는 것이지요..이러면 이미지가 전혀 깨지지 않고.포토샵에서 크기를 줄여 저장했을때 처럼 깨끗히 출력되게 할 수 있지요..GD의 리사이징 부분은 조금 공부를 하심이 좋을 것입니다. 여기에 소스를 뿌려 드리면 공부가 전혀 안될듯..^^ 사진을 저장할때 원본과 원하는 비율로 줄인 사진 한개를 자동으로 생성해 놓는 방식이랍니다.

 

profile_image 익명 작성일 -

임의로 정해놓은 width, height 값 중 하나를 제거하면 됩니다.

(img src=source width=100)

원본이미지와 똑같이 가로 세로 비율...

... 한수 가르쳐 주십시요 원리 라든가 소스에 주석을 달아... 이 비율을 나중에 써 먹으면 됩니다. 원본 이미지가로가 800 이고 세로가 600픽셀인 이미지 였다면, A=600/800...

가로, 세로 같은 사이즈 이미지 만들 때?

... 사이즈를 똑같이 맞추신 다음 엔터 하시면 되겠내요. 그런데 이 방법으로 하면 이미지 이상해 지겠지요? 차라리 캔바스 가로세로 크기를 같은 비율로 조금 늘려준다음...

이미지클릭시 원래크기로 보이게 하기

... 클릭하면 원본크기로 보이게 하시던데 전 어떻게 하는지 도저히 모르겠어요.... 하는법 좀 알려주세요... 【 html... 아래와 같이 원본 사진의 가로세로 픽셀 정보가...

답변 감사합니다

... 무조건 똑같이 뽑을라고함) 최대한 화질좋게... 사진 원본가로세로 비율과 인화지의 가로세로 비율이 다를 경우 이미지풀 또는 페이퍼풀 등의 옵션으로...

이미지사진 안깨지고 하는방법있나요

... 이미지사진 안깨지고 하는방법있나요 그리고 휴대폰이s7인데 여기도 배경 안깨지게 하고싶은데 방법좀 알려주세... 즉 사진의 가로세로 비율이 꺠지지 않도록 사이즈를...

알씨에서 세로사진 가로사진사이즈로...

... 하는 방법좀 알려주세요. 알씨로 그림판에서 가로 세로 늘이기 줄이기처럼 하려면 다음과 같이 하시면 되겠습니다. 알씨그림 상단의 도구 클릭. 도구 탭에서 이미지꾸미기...