เนื่องจากรูปโหลดนานเกินไปครับ

t_doyoumv · 29 ธันวาคม 2009, 17:05:39

คือว่ารูปของผมมีขนาดใหญ่แต่ก็พอโฆลดได้แต่มันจะโฆลดแบบไล่ลงมาเลื่อยๆมีวิธีไหนไหมครับทำให้มันเล็กลง หรือไม่ก็ให้มันโฆลดเสร็จก่อนถึงแสดงออกมาหมดเลยอะครับ
ขอบคุณครับ

t_doyoumv · 29 ธันวาคม 2009, 20:56:03

ไม่มีวิธีเลยหรอครับ ผมทำได้แต่ลดขนาดมันแต่ภาพมันก็แตก อะครับ

numau109 · 29 ธันวาคม 2009, 21:27:01

เปลี่ยนเป็น .jpg แล้วลดคุณภาพลง

ThaNaButS · 29 ธันวาคม 2009, 21:36:07

จะบอกไงดีอะ

ผมมีความคิดที่ว่าด้วยการ

โค้ด เลือก

script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

ทำThumbnail มาก่อนแล้วลิงก์ไปที่อยู่รูปใหญ่ และในหน้า thumbmail ก็ใช้คำสั่ง <body onload="MM_preloadImages('ที่อยู่รูปภาพ')">

น่าจะได้มั่งนะคับ

พอดีลองประยุกจากพวก mouse over อะไรทำนองนี้

t_doyoumv · 29 ธันวาคม 2009, 23:18:16

อ้างถึงจาก: ThaNaButS ใน 29 ธันวาคม 2009, 21:36:07
จะบอกไงดีอะ

ผมมีความคิดที่ว่าด้วยการ

โค้ด เลือก ขยาย
script type="text/javascript">  </script>

ทำThumbnail มาก่อนแล้วลิงก์ไปที่อยู่รูปใหญ่ และในหน้า thumbmail ก็ใช้คำสั่ง <body onload="MM_preloadImages('ที่อยู่รูปภาพ')">

น่าจะได้มั่งนะคับ

พอดีลองประยุกจากพวก mouse over อะไรทำนองนี้

น่าสนใจนะครับแต่ใช้ไม่เป็นอะครับ

PLUS+ · 29 ธันวาคม 2009, 23:29:09

ใช้ PHPThumb ครับ Generate Thumbnail ได้คุณภาพเกือบเท่าเดิมแต่ขนาดไฟล์ลดลง

t_doyoumv · 30 ธันวาคม 2009, 00:23:59

อ้างถึงจาก: PLUS+ ใน 29 ธันวาคม 2009, 23:29:09
ใช้ PHPThumb ครับ Generate Thumbnail ได้คุณภาพเกือบเท่าเดิมแต่ขนาดไฟล์ลดลง

มันเป็นโปรแกรมหรอครับ

kennn · 30 ธันวาคม 2009, 15:35:58

ภาพที่นำมาใช้ ได้ปรับแต่งใน Photoshop เพิ่มเติมแล้วหรือยังครับ แล้วไฟล์ภาพที่นำไปใช้มีขนาดประมาณกี่ Kb หรือกี่ Mb ถ้าโหลดนานแบบั้นผมว่าคงเป็น Mb

ไฟล์ภาพที่ถ่ายมาแล้วนำไปใช้ขนาดต้อง 640x480 ขึ้นแน่ๆ และขนาดก็จะเป็น Mb ดังนั้น ถ้าจะนำภาพไปใช้ ต้องนำภาพมา Optimize โดยโปรแกรม Photoshop ก็ได้ครับ โดยการ
- New งานใหม่ ในขนาดที่คุณต้องการใช้ เช่น 500x500 หรือจะ 600x600 ก็ได้
- ถ้าภาพเล็กหรือใหญ่ไป กว่าพื้นที่งานใหม่ ก็กด Ctrl+T(Transform เป็นการปรับขนาดรูปภาพ) ใช้วิธีปรับ Transform จากมุมรูปภาพนะครับ แล้วกด Shift ค้างไว้ด้วย เพื่อที่จะทำให้สัดส่วนของรูปภาพไม่ผิดเพี้ยนไปจากเดิมมาก เอาให้พอดีกับความกว้าง หรือความสูง อย่างใดอย่างนึงเท่านั้น ถ้ารูปภาพไม่เป็นสี่เหลี่ยมจตุรัส พอปรับจนพอใจแล้วก็กด Enter
- ต่อจากนั้นก็ทำการ Save โดยการกด Ctrl+Alt+Shift+S(Save for web) แล้วเลือกที่ Tab 4-UP ตรงนี้จะมี 4 หน้าจอแสดงผลรูปภาพอยู่ ผมมักเลือกหน้าจอที่ 2 ดูจากคุณภาพ ความคมชัดของรูปเอาก็ได้ครับ ด้านขวาจะมี List menu เลือกชนิดไฟล์ที่จะเซฟ และ คุณภาพของรูปภาพ ให้เลือก JPEG และ Very High

แค่นี้ก็ได้ไฟล์ขนาดสูงสุดไม่เกิน 200Kb แน่นอนครับ แถมขนาดยังสามารถได้ถึง 1000x1000 ยังไงก็ลองปรับโดยวิธีนี้ก่อนใช้โค้ดโปรแกรม Resize ดีกว่านะครับ ข้อดีที่เห็นๆเลย คือ ไม่ทำให้พื้นที่ Server ถูกใช้งานเยอะเกินไปด้วย หากเว็ปคุณมีรูปภาพเยอะ