คำถามติดแท็ก image-resizing

ฉันพยายามสร้างภาพขนาดย่อทางฝั่งไคลเอ็นต์โดยใช้จาวาสคริปต์และองค์ประกอบผ้าใบ แต่เมื่อฉันลดขนาดรูปภาพลงมันดูแย่มาก ดูเหมือนว่ามันจะลดขนาดใน Photoshop ด้วยชุด resampling เป็น 'เพื่อนบ้านที่ใกล้ที่สุด' แทน Bicubic ฉันรู้ว่ามันเป็นไปได้ที่จะทำให้สิ่งนี้ดูถูกต้องเพราะไซต์นี้สามารถทำได้โดยใช้ Canvas เช่นกัน ฉันพยายามใช้รหัสเดียวกันกับที่พวกเขาทำตามที่แสดงในลิงก์ "[แหล่งที่มา]" แต่มันก็ดูแย่มาก มีบางอย่างที่ฉันขาดหายไปการตั้งค่าบางอย่างที่จำเป็นต้องตั้งค่าหรือบางอย่าง แก้ไข: ฉันพยายามปรับขนาด jpg ฉันลองปรับขนาด jpg เดียวกันบนเว็บไซต์ที่เชื่อมโยงและใน photoshop และมันก็ดูดีเมื่อลดขนาด นี่คือรหัสที่เกี่ยวข้อง: reader.onloadend = function(e) { var img = new Image(); var ctx = canvas.getContext("2d"); var canvasCopy = document.createElement("canvas"); var copyContext = canvasCopy.getContext("2d"); img.onload = function() …

314 javascript  html  canvas  image-resizing 

ฉันมีเว็บไซต์ (g-floors.eu) และฉันต้องการสร้างพื้นหลัง (ใน css ฉันได้กำหนด bg-image สำหรับเนื้อหา) เช่นกัน น่าเสียดายที่ฉันไม่มีความคิดเกี่ยวกับวิธีการทำสิ่งนี้ยกเว้นสิ่งหนึ่งที่ฉันสามารถคิดได้ แต่มันก็เป็นวิธีแก้ปัญหา การสร้างภาพหลายภาพจากนั้นใช้ขนาดหน้าจอ css เพื่อเปลี่ยนภาพ แต่ฉันอยากรู้ว่ามีวิธีการปฏิบัติมากขึ้นเพื่อให้บรรลุนี้ โดยทั่วไปสิ่งที่ฉันต้องการบรรลุคือภาพ (พร้อมลายน้ำ 'G') จะปรับขนาดโดยอัตโนมัติโดยไม่แสดงภาพน้อยลง ถ้าเป็นไปได้แน่นอน ลิงก์: g-floors.eu รหัสที่ฉันมีจนถึงตอนนี้ (ส่วนเนื้อหา) #content { background-image: url('../images/bg.png'); background-repeat: no-repeat; position: relative; width: 85%; height: 610px; margin-left: auto; margin-right: auto; }

197 css  responsive-design  background-image  image-resizing 

ฉันมี LinearLayout แนวตั้งที่รายการใดรายการหนึ่งImageViewถูกโหลดโดยใช้ Picasso ฉันต้องเพิ่มความกว้างของภาพเป็นความกว้างของอุปกรณ์แบบเต็มและเพื่อแสดงส่วนตรงกลางของภาพที่ถูกครอบตัดด้วยความสูงคงที่ (150dp) ฉันมีรหัสต่อไปนี้: Picasso.with(getActivity()) .load(imageUrl) .placeholder(R.drawable.placeholder) .error(R.drawable.error) .resize(screenWidth, imageHeight) .centerInside() .into(imageView); ฉันควรใส่ค่าใดscreenWidthและimageHeight(= 150dp)

164 java  android  imageview  image-resizing  picasso 

เมื่อฉันโหลดรูปภาพลงในคุณสมบัติไอคอนของเครื่องหมายมันจะแสดงด้วยขนาดดั้งเดิมซึ่งใหญ่กว่าที่ควรจะเป็น ฉันต้องการปรับขนาดเป็นมาตรฐานให้เล็กลง วิธีที่ดีที่สุดในการทำเช่นนี้คืออะไร? รหัส: function addMyPos(latitude,longitude){ position = new google.maps.LatLng(latitude,longitude) marker = new google.maps.Marker({ position: position, map: map, icon: "../res/sit_marron.png" }); }

141 javascript  google-maps  google-maps-markers  image-resizing 

ฉันต้องการเขียนโค้ด PHP ซึ่งจะปรับขนาดรูปภาพที่อัปโหลดโดยอัตโนมัติผ่านแบบฟอร์มเป็น 147x147px แต่ฉันไม่รู้ว่าจะทำอย่างไร (ฉันเป็นมือใหม่ PHP แบบสัมพัทธ์) จนถึงตอนนี้ฉันอัปโหลดรูปภาพได้สำเร็จประเภทไฟล์ได้รับการยอมรับและล้างชื่อแล้ว แต่ฉันต้องการเพิ่มฟังก์ชันการปรับขนาดลงในโค้ด ตัวอย่างเช่นฉันมีภาพทดสอบขนาด 2.3MB และ 1331x1331 และฉันต้องการให้โค้ดลดขนาดลงซึ่งฉันเดาว่าจะบีบอัดขนาดไฟล์ของรูปภาพอย่างมากด้วย จนถึงตอนนี้ฉันมีสิ่งต่อไปนี้: if ($_FILES) { //Put file properties into variables $file_name = $_FILES['profile-image']['name']; $file_size = $_FILES['profile-image']['size']; $file_tmp_name = $_FILES['profile-image']['tmp_name']; //Determine filetype switch ($_FILES['profile-image']['type']) { case 'image/jpeg': $ext = "jpg"; break; case 'image/png': $ext = "png"; break; …

96 php  image-processing  image-resizing  image-upload 

ฉันได้ทำตามขั้นตอนในการปรับขนาดโวลุ่ม EC2 หยุดอินสแตนซ์ ถ่ายภาพรวมของโวลุ่มปัจจุบัน สร้างไดรฟ์ข้อมูลใหม่จากสแนปชอตก่อนหน้าโดยมีขนาดใหญ่ขึ้นในภูมิภาคเดียวกัน ลบโวลุ่มเก่าออกจากอินสแตนซ์ แนบโวลุ่มใหม่เข้ากับอินสแตนซ์ที่จุดเชื่อมต่อเดียวกัน โวลุ่มเก่าคือ 5GB และที่ฉันสร้างคือ 100GB ตอนนี้เมื่อฉันรีสตาร์ทอินสแตนซ์และเรียกใช้df -h Iยังคงเห็นสิ่งนี้ Filesystem Size Used Avail Use% Mounted on /dev/xvde1 4.7G 3.5G 1021M 78% / tmpfs 296M 0 296M 0% /dev/shm นี่คือสิ่งที่ได้รับเมื่อวิ่ง sudo resize2fs /dev/xvde1 The filesystem is already 1247037 blocks long. Nothing to do! ถ้าฉันวิ่งcat /proc/partitionsฉันเห็น 202 …

96 amazon-ec2  centos  volume  image-resizing  snapshot 

ฉันกำลังพัฒนาเว็บแอปบน Node.js (+ express 4) ซึ่งผู้ใช้สามารถตั้งค่ารูปโปรไฟล์ได้โดยการอัปโหลดไปยังเซิร์ฟเวอร์ เรา จำกัด ประเภทไฟล์และขนาดไฟล์สูงสุดไว้แล้วดังนั้นผู้ใช้จึงไม่สามารถอัปโหลดภาพ png หรือ jpeg เกิน 200KB ได้ ปัญหาคือเราต้องการปรับขนาด (ด้านเซิร์ฟเวอร์) ความละเอียดของภาพที่อัปโหลดเป็น 200x200 เพื่อปรับปรุงการโหลดหน้าเว็บและประหยัดเนื้อที่บนดิสก์ หลังจากการวิจัยบางส่วนคำตอบทั้งหมดชี้ไปที่การใช้โมดูลใด ๆ ที่ใช้ ImageMagick หรือ GraphicsMagick อย่างไรก็ตามการต้องติดตั้ง ImageMagick / GraphicsMagick เพื่อทำการปรับขนาดภาพอย่างง่ายดูเหมือนจะมากเกินไปสำหรับฉันดังนั้นมีวิธีอื่นนอกเหนือจากนี้สำหรับ Node.js หรือไม่ แก้ไข:ฉันได้เปลี่ยนวิธีการแก้ปัญหาที่ยอมรับเป็นความคมชัดเนื่องจากโซลูชันก่อนหน้า (lwip) ไม่ได้รับการดูแลอีกต่อไป ขอบคุณสำหรับความคิดเห็นของคุณ!

86 image  node.js  image-resizing