ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptเนื่องจากรูปโหลดนานเกินไปครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เนื่องจากรูปโหลดนานเกินไปครับ  (อ่าน 978 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
t_doyoumv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 62
ออฟไลน์ ออฟไลน์

กระทู้: 3,311



ดูรายละเอียด เว็บไซต์
« เมื่อ: 29 ธันวาคม 2009, 17:05:39 »

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

t_doyoumv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 62
ออฟไลน์ ออฟไลน์

กระทู้: 3,311



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 29 ธันวาคม 2009, 20:56:03 »

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

numau109
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 165
ออฟไลน์ ออฟไลน์

กระทู้: 2,160



ดูรายละเอียด
« ตอบ #2 เมื่อ: 29 ธันวาคม 2009, 21:27:01 »

เปลี่ยนเป็น .jpg แล้วลดคุณภาพลง
บันทึกการเข้า

ThaNaButS
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 67
ออฟไลน์ ออฟไลน์

กระทู้: 1,197



ดูรายละเอียด
« ตอบ #3 เมื่อ: 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
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 62
ออฟไลน์ ออฟไลน์

กระทู้: 3,311



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 29 ธันวาคม 2009, 23:18:16 »

จะบอกไงดีอะ

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


โค๊ด:
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 อะไรทำนองนี้

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

PLUS+
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 72
ออฟไลน์ ออฟไลน์

กระทู้: 1,060



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 29 ธันวาคม 2009, 23:29:09 »

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

รับทำเว็บ | ภาวะโลกร้อน | Android | โปร SF

รับออกแบบปรับแต่งเว็บไซต์โดยใช้ WordPress ติดต่อทาง PM
t_doyoumv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 62
ออฟไลน์ ออฟไลน์

กระทู้: 3,311



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 30 ธันวาคม 2009, 00:23:59 »

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

มันเป็นโปรแกรมหรอครับ
บันทึกการเข้า

kennn
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 149
ออฟไลน์ ออฟไลน์

กระทู้: 1,199



ดูรายละเอียด
« ตอบ #7 เมื่อ: 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 ถูกใช้งานเยอะเกินไปด้วย หากเว็ปคุณมีรูปภาพเยอะ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์