• 4

非常急,團體合照影像縮小後,人臉會變形


往往會變形是將原始檔案直接貼上網頁,因此會造成顯示上的變形。畢竟html 不是那麼萬能會幫你自己縮圖或是改圖!所以應該是解析度上沒有調整好~請大大檢查幾個重點(運用photoshop 或photo impact)
1. 貼圖大小與解析度:螢幕只有顯示72dpi 所以如果您是300dpi 或是其他,只要貼上一定會變形;另外貼上圖面的圖檔大小也請確認。
2. 網頁貼圖尺寸:請再次確認您網頁顯示區域的範圍,舉例:如果是顯示320x240,而您的圖是330x240這樣一定會變形!請加框去裁切達成320x240


看了各位大大寶貴意見,讓我獲得許多知識,網頁的顯示與相片檔之間關係,這些知識我必需消化及嘗試後再跟各位報告,總歸一句話,謝謝大家幫忙
樓主問的很隨興,版友們回答的很熱心
自已以前在網頁設計這行打滾了幾年,看到一些不正確的觀念還是要導正。

1.網頁圖片的變形和dpi設定72或300無關
2.原始檔直接貼上網頁並不會造成變形
3.html可以定義圖片的width和height
4.即使要10多人背景完整上去,圖片未必不能裁切

通常網頁為了避免頁面的佈局被破壞,對上傳圖檔的最大寬度都會做限制,高度則自動隨寬度做等比例縮減
所以不會有變形問題,樓主的問題有幾個可能原因
例如圖檔上傳的同時已經透過網站程式縮圖,但縮圖程式因為網站的規劃是寫固定寬高(例如為了設計上的整齊);
若不是透過後台的上傳機制,一般靜態頁面的形式
也可能是html或css已經針對img的標簽同時寫死了width和height所以才會變形。

樓主遇到的只是小問題,我想先知道的是

gfgf wrote:

配合網頁呈現大小(約4*3.5in),...(恕刪)



這個4*3.5in是拿尺量螢幕得來的嗎?這不是開玩笑,因為網頁圖片的寬高單位應該是用px才對
若在網頁呈現時可以明確的寫出這張圖幾吋,我第一個想到的是用尺量螢幕。


最後,
如果是真的急切的想解決問題,請提供頁面連結
或許該變的是解析度
有時候引言我的文章,我沒回應不代表裝酷,而是沒回去看所以不知,請見諒。
就加外框吧
先把照片等比例縮到長邊一樣或更小
在短邊加字或加外框比圖填到你要的比例
這樣應該會比較好
「老闆只看結果不問過程,所以我也很苦惱」

但身為一個員工是勢必必須知道而且了解過程的!

可以找個對網頁概念熟悉的人幫忙,論壇怎麼解決"非常急"的基礎觀念問題哩?
這真的是基礎問題
看到樓主說照片大小居然用英吋來表示
就知道恐怕基礎觀念不是非常清楚
但畢竟是專業,況且隔行如隔山阿!
試想,這只是類似第四台4:3畫面放到16:9的電視上都會變形的狀況而已

是我的話,會全盤去看這個網頁的版形,要作出符合比例與這個空間的方式非常多種
如果是為了顯示比例正確,甚至可以利用網頁語法去加頁框,再把縮好比例的照片放上去
總之可行的方法在看到頁面之後應該有好幾種,不必光是在比例或是變形上面打轉
畢竟要的是解決這問題的方法,不是光是改變一張圖的大小而已。

如果可以給個連結或是頁面截圖,大家會比較好幫你想辦法。
應該只是照片長寬比例與網頁縮圖問題...

最快方法就如前面各位大大說的改變版面比例...

或是裁切圖片改變圖片長寬比例

使圖片長寬比與縮圖長寬比一致...

應該就ok了吧...
放到ps裡面~
圖層面版把影像從背景點兩下變成圖曾~
然後ctrl+t
然後因為
滑鼠接著拖曳四角的任何一角~
就不會讓影像裡面的人變形嚕~
因為ctrl+t會等比例縮放~


這個4*3.5in是拿尺量螢幕得來的嗎?這不是開玩笑,因為網頁圖片的寬高單位應該是用px才對
若在網頁呈現時可以明確的寫出這張圖幾吋,我第一個想到的是用尺量螢幕。


不好意思被抓包,因為網頁是廠商設計,我只做後台維護,剛開始的確用目測,經各位提供資料我又恢復一些資訊概念,並不是故意提問題開大家玩笑,提供網頁資料





無法提供網址,因為工作關係,只能口述問題,請大家原諒
gfgf wrote:
不好意思被抓包,因為...(恕刪)


我想只是單純 HTML 裡寫死了圖檔長寬的問題而已。

除非廠商設定的版型是把圖檔套的剛剛好,差一點都會讓版型跑掉,這樣話只能如上面網友所說的方法改圖。
否則的話只要把長寬其中一個設定拿就掉就好了。
不過看來您應該也不懂 HTML,建議您找廠商問一下比較快。
基本上這是版面設計的問題,不是圖檔的問題。
  • 4
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?