คำถามติดแท็ก images

ครอบคลุมการส่งและการแสดงภาพถ่ายกราฟิกและองค์ประกอบภาพอื่น ๆ

6
ฉันจะสนับสนุนให้เบราว์เซอร์ดาวน์โหลดรูปภาพจากไฟล์ CSS เร็วขึ้นได้อย่างไร
ฉันใช้ CSS เพื่อวางภาพจำนวนมากของฉัน (เป็นพื้นหลัง<div>) และฉันมักจะพบว่าพวกเขาโหลดช้ามากด้วยวิธีนี้ พวกเขาดูเหมือนจะเป็นสิ่งสุดท้ายที่จะโหลด แม้แต่ภาพไอคอนขนาดเล็กเล็ก ๆ ก็ใช้เวลาสักครู่ในการแสดงวิธีนี้ มีวิธีบอกเบราว์เซอร์เป็นลำดับความสำคัญสำหรับภาพหรือไม่ หรือเอาไปดาวน์โหลดรูปภาพในไฟล์ CSS ก่อนหน้าและสร้างมันขึ้นมาก่อน?
13 css  images  load-time 

2
ลิงก์ย้อนกลับของรูปภาพนับเป็นลิงก์ย้อนกลับหรือไม่
หากฉันมีภาพจำนวนมากปรากฏในบล็อก tumblr การเรียงลำดับของ tumblogs ที่มีข้อความน้อยมากเพียงแค่รีมและรีมรูปภาพเพื่อให้ผู้คนเรียกดู หากภาพของฉันฝังอยู่ในเว็บไซต์ของพวกเขาเช่นนี้: <a href="http://example.com" target="blank"> <img src="example.com/cat.jpg" alt="cute cat"/> </a> ดังนั้นภาพจึงเป็นลิงค์กลับมายังเว็บไซต์ของฉัน แม้ว่า Google จะไม่ยึดข้อความที่จะกล่าวถึงข้อความ alt ของรูปภาพหรือไม่ สิ่งนี้จะยังคงอยู่ในสายตาของ Google ว่าเป็นลิงก์ย้อนกลับไหม

1
คุณควรเพิ่มข้อมูลเวอร์ชั่นลงในภาพในเว็บไซต์ของคุณหรือไม่
หากคุณมีภาพในเว็บไซต์ของคุณที่มีแนวโน้มที่จะเปลี่ยนแปลง (เช่นมีลายน้ำแตกต่างกัน) แต่ชื่อภาพเดียวกันคุณควรเพิ่มข้อมูลรุ่นลงในส่วนท้ายของชื่อภาพหรือไม่ว่าจะเป็นสิ่งที่ไม่ดีสำหรับวัตถุประสงค์ SEO? ฉันมีปัญหาเมื่อเราเปลี่ยนลายน้ำบนรูปภาพจำนวน 5 เดือนที่ผ่านมา แต่การค้นหา Google Image ยังคงแสดงลายน้ำเก่าบนรูปภาพ ดังนั้นฉันจึงสันนิษฐานว่า Google ไม่ได้ดาวน์โหลดรูปภาพใหม่เนื่องจากชื่อไฟล์นั้นเหมือนกับชื่อเก่า

5
การแสดงรูปภาพจากเซิร์ฟเวอร์ SQL เทียบกับระบบไฟล์เทียบกับ S3 ฯลฯ
แอปพลิเคชันของฉัน (คลาสสิก asp yay!) มีประมาณ 2.1 ล้านภาพ @ 25GB และนั่นหมายถึง 90 วันของข้อมูลและฉันต้องการ 365 ขั้นต่ำ ฉันต้องได้รับสิ่งเหล่านี้ภายใต้การควบคุมและกำลังพิจารณาตัวเลือกทั้งหมด คุณคิดอย่างไรเกี่ยวกับข้อดีข้อเสียของการปฏิบัติดังต่อไปนี้: ข้อดีของ SQL Server: ง่ายต่อการสำรองจุดด้อย: ประสิทธิภาพ? ข้อดีของระบบไฟล์: ข้อเสียความเร็ว: ความซ้ำซ้อน, แบ็คอัพช้า (ขณะนี้กำลังทำการสังเคราะห์แบ็คอัพสังเคราะห์แบบเต็มซึ่งอาจทำให้ดีขึ้นได้) S3 และข้อดีเช่น: แบนด์วิดธ์ถูกเปลี่ยนจากดาต้าเซ็นเตอร์ของฉันเป็นอเมซอนซึ่งเป็นพื้นที่จัดเก็บที่ไม่ จำกัด ข้อด้อย: ค่าใช้จ่ายการวิเคราะห์ต้นทุนนั้นยุ่งยาก (ประมาณ 80% ของแบนด์วิดท์ของฉันคือรูปภาพสำหรับจุดประสงค์เพื่อการลงทุน) ยาก / มีค่าใช้จ่ายสูงสำหรับผู้ให้บริการ swtich หากจำเป็น มีใครจัดการกับความท้าทายภาพหลายล้านหรือไม่และคุณจัดการปัญหานี้อย่างไร?
12 images 

2
ชื่อ บริษัท ในโลโก้ควรเป็นภาพหรือข้อความ
ฉันใส่โลโก้ (ประกอบด้วยภาพและชื่อ บริษัท ) บนเว็บไซต์ของฉัน ฉันไม่แน่ใจว่าจะบันทึกข้อความชื่อ บริษัท เป็นส่วนหนึ่งของไฟล์รูปภาพหรือให้เป็นข้อความจริงใน html และจัดรูปแบบโดยใช้ css เห็นได้ชัดว่าถ้าฉันบันทึกไว้เป็นรูปภาพแล้วฉันไม่ต้องกังวลเกี่ยวกับผู้ใช้ที่มีแบบอักษรที่ถูกต้อง ฯลฯ แต่ฉันคิดว่าการมีข้อความเป็นข้อความอาจดีกว่าสำหรับ SEO นี่เป็นเรื่องของรสนิยมหรือเป็นวิธีหนึ่งที่ดีกว่าอีกวิธีหนึ่งหรือไม่?
11 seo  css  images 

5
ภาพเปล่า สิ่งที่ต้องใช้: ภาพ JPEG Base64 เทียบกับ 1x1
ฉันกำลังสร้างเว็บไซต์และฉันต้องการสร้างข้อความค้นหา HTTP ให้น้อยที่สุดเท่าที่จะทำได้เพื่อให้เว็บไซต์มีความเร็วและ SEO ที่ดีขึ้น หน้าที่ฉันเพิ่งสร้างคือการแสดงภาพบนหน้าจอเลื่อน (ภาพมีคุณลักษณะ data-scr ซึ่งถูกแปลงเป็น src เมื่อผู้ใช้เลื่อนลงที่ภาพตามลำดับ เนื่องจากรูปภาพทั้งหมดมีdata-srcแอตทริบิวต์แทนsrcW3C จึงแสดงข้อผิดพลาดให้ฉัน ในขณะนี้ฉันพบสองตัวเลือกเพื่อแก้ปัญหานี้: src เริ่มต้นของภาพทั้งหมดเป็น URL ของภาพขนาด 1x1 ที่ว่างเปล่า src เริ่มต้นของภาพทั้งหมดที่จะเป็นฐานข้อมูล 64 ภาพเปล่า เมื่อฉันใช้ URL ของภาพ 1x1 เปล่าแล้ว (ทดสอบด้วย tools.pingdom.com) จะแสดงคำขอ HTTP 1 รายการ เมื่อฉันใช้ data base64 ภาพเปล่าแล้วมันจะแสดงคำขอมากเท่าจำนวนภาพในหน้า วิธีใดที่มีประสิทธิภาพมากขึ้นสำหรับเว็บไซต์ที่เร็วขึ้นและทำให้การร้องขอ HTTP น้อยลง (สมมติว่าผู้ใช้โหลดหน้าเว็บด้วยความเร็วอินเทอร์เน็ต 14.4kbps - ความเร็วอินเทอร์เน็ตครั้งแรก) แต่สำหรับ SEO มีตัวเลือกอื่น ๆ …

4
ครีเอทีฟคอมมอนส์ควรแสดงที่มาของรูปภาพอย่างไร
เมื่อคลิกจาก Flickr ถึงข้อกำหนด CreativeCommons.orgสำหรับ "สิทธิ์บางอย่างที่สงวนไว้" คุณจะพบว่าคุณสามารถนำภาพมาใช้ซ้ำได้ตราบใดที่คุณให้การระบุแหล่งที่มา หากเราต้องการใช้ภาพในเว็บไซต์เราควรจะระบุแหล่งที่มาอย่างไร และผู้สังเกตการณ์ทั่วไปจะมองเห็นได้หรือไม่? ควร / เป็น: เป็นความคิดเห็น HTML (มองไม่เห็นทันที) ในชื่อไฟล์(มองไม่เห็นทันที) ในแท็ก ALT (มองเห็นได้ชัดเจนขึ้น) เป็นคำอธิบายภาพเต็มเป่าภายในหรือด้านล่างหรือข้ามภาพ(มองเห็นได้ง่าย) แก้ไข มีความเป็นไปได้เพิ่มเติมเกิดขึ้นกับฉัน: ใส่รูปภาพขนาดเล็กโดย Joe Photos, Andy Archer และเครดิตอื่น ๆในส่วนท้าย (มองเห็นได้ แต่ไม่เสียสมาธิ) หรือควรเป็นอย่างอื่น? ฉันเข้าใจผิดว่ามีการระบุแหล่งที่มาหรือไม่?

3
ฉันจะทำซ้ำการบีบอัดรูปภาพ lossless ของ Google Page Speed ​​เป็นส่วนหนึ่งของเวิร์กโฟลว์ของฉันได้อย่างไร
ฉันชอบที่ Page Speed ​​ของ Google สามารถบีบอัดรูปภาพจำนวนมากของฉันได้อย่างไม่สูญเปล่า แต่ฉันชอบที่จะทำให้มันเป็นส่วนหนึ่งของเวิร์กโฟลว์ของฉันก่อนที่จะอัปโหลดไซต์และทำให้มันอยู่ในสภาพดี มีสิ่งใดบ้างที่ฉันสามารถเรียกใช้ในพื้นที่เพื่อให้การบีบอัดแบบไม่สูญเสียข้อมูลแบบเดียวกันได้หรือไม่ ขณะนี้ฉันส่งออกรูปภาพจากส่งออกสำหรับเว็บจาก Photoshop และใช้แอปพลิเคชั่นเล็ก ๆ ที่เรียกว่า PNGCrusher เพื่อลดขนาดไฟล์ PNG ฉันชอบที่จะหาวิธีที่รวดเร็วกว่าการบันทึกและแทนที่ภาพแต่ละภาพจากผลลัพธ์ของ Page Speed

2
ขนาดภาพการสื่อสารแนวปฏิบัติที่ดีที่สุด
หากคุณกำลังพัฒนาเอกสาร html อย่างเคร่งครัดโดยใช้แนวปฏิบัติที่ดีที่สุดในปัจจุบันในการป้องกันการจัดแต่งทรงผมออกจากมาร์กอัปคุณจะสื่อสารขนาดภาพได้อย่างไร? วิธีปฏิบัติที่ดีที่สุดในอดีตต้องการความสูงและความกว้างของรูปภาพด้วยรูปภาพซึ่งจะทำให้เร็วกว่าเบราว์เซอร์ที่รอให้รูปภาพดาวน์โหลดเพื่อให้ได้ขนาด แต่การทำเช่นนี้ดูเหมือนจะเป็นการแยกสไตล์ออกจากเอกสาร เพิ่มแอตทริบิวต์ id ให้กับภาพแต่ละภาพแล้วใส่ความสูง / ความกว้างใน css? สิ่งนี้เป็นการยกเลิกโบนัสการแสดงผลของความสูงและความกว้างของภาพในบรรทัดหรือไม่
11 css  html  images 

3
ขนาดที่ดีที่สุดในการใช้แสดงขนาดเต็มหน้าจอของแอปพลิเคชั่นคืออะไร
ฉันต้องการเพิ่มขนาดของภาพหน้าจอให้ใหญ่สุดและหลีกเลี่ยงแถบเลื่อนหรือล้นมากเกินไป คุณแนะนำขนาดใด ฉันกำลังใช้ Lightbox

2
รูปภาพ CDN พร้อม API หรือไม่
บริษัท ของฉันใช้ Flickr และ Picasa เว็บอัลบัมเป็นเครือข่ายการจัดส่งเนื้อหาของคนจน (CDN) สำหรับการโฮสต์รูปภาพ แต่ฉันอยากรู้ว่าใครมีคำแนะนำใด ๆ เกี่ยวกับบริการอื่น ๆ สิ่งที่มี API เพื่อให้สามารถบูรณาการอย่างรอบคอบในส่วนหลังเป็นปลั๊กอิน WordPress หรือสำหรับกรอบการพัฒนาอื่น ๆ CDN เช่น Amazon ราคาถูกและใช้งานได้ แต่การขาด API photo-centric คือสิ่งที่ทำให้ฉันไม่สามารถใช้งานได้สำหรับการใช้งานทั่วไป

7
ฉันจะทำให้รูปภาพสำหรับเว็บไซต์ของฉันให้กลับมาในการค้นหาของ Google ได้อย่างไร
ฉันรู้ว่าเมื่อฉันค้นหาสิ่งที่เฉพาะเจาะจงของ Google ฉันได้รับภาพกลับมาอยู่ใต้บางเว็บไซต์ ฉันจะทำให้เว็บไซต์ทำงานได้อย่างไร ฉันเคยเห็นบางไซต์ที่จะส่งคืนรูปภาพ 4 หรือ 5 ภาพสำหรับไซต์ที่เกี่ยวข้องกับการค้นหาของฉัน

4
การระบุขนาดรูปภาพเพื่อปรับปรุงประสิทธิภาพเบราว์เซอร์
ฉันเพิ่งทำการตรวจสอบเว็บไซต์ของฉันโดยใช้ Google Developer Tools ภาพของฉันมีขนาดเท่ากันทั้งหมด (500 แนวนอนด้วย 300 พิกเซลแนวตั้ง) ดังนั้นฉันจึงคิดว่ามันจะดีกว่าถ้าฉันออกจากคุณลักษณะขนาดภาพเนื่องจากไม่จำเป็นต้องคำนวณขนาดภาพเมื่อมันมีขนาดที่ถูกต้องแล้ว ภายใต้การใช้เครือข่ายให้ระบุขนาดภาพฉันเห็นสิ่งต่อไปนี้ A width and height should be specified for all images in order to speed up page display. The following image(s) are missing a width and/or height: ตอนนี้ฉันสับสน ฉันควรเพิ่มคุณสมบัติความกว้างและความสูงให้กับรูปภาพของฉันหรือไม่แม้ว่าจะมีขนาดที่เหมาะสมแล้ว ดูเหมือนซ้ำซ้อน

3
ความแตกต่างระหว่าง alt และหัวเรื่องของ img - ตัวไหนที่จะใช้ - และผลกระทบ
เป็นเวลาหลายปีแล้วที่ฉันเขียน HTML สำหรับรูปภาพแบบนี้: <img src="picture.jpg" alt="my picture" > แต่เมื่อเร็ว ๆ นี้ฉันทำการตรวจสอบเว็บไซต์ของฉันโดยใช้เครื่องมือ Raven SEO และรายงานข้อผิดพลาดจำนวนมากซึ่งฉันรู้สึกประหลาดใจจริงๆ เมื่อฉันไปถึงรายงาน 99% ของข้อผิดพลาดเหล่านี้เป็นเพราะขาดข้อความชื่อภาพ ฉันรู้ว่าข้อความชื่อเรื่องสำหรับรูปภาพสามารถแสดงป๊อปอัปเล็กน้อยเมื่อคุณโฮเวอร์เหนือรูปภาพ แต่นอกเหนือจากนั้นวัตถุประสงค์และมีผลต่อ SEO หรือไม่ นอกจากนี้ถ้าคุณจะใช้มันคุณจะใส่อะไรลงไป คุณจะใส่ข้อมูลเดิมที่มีอยู่ในaltแอตทริบิวต์หรือไม่ กล่าวคือalt="my picture" title="my picture"


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.