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

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

5
เพราะเหตุใดไซต์ขนาดใหญ่จึงโฮสต์รูปภาพ / css ไว้ในโดเมนภายนอก
ทำไมเว็บไซต์เช่น Facebook, Twitter และ Google โฮสต์ภาพและ css ของพวกเขาในโดเมนภายนอกเช่น: Facebook: static.ak.fbcdn.net Twitter: a0.twimg.com Google: ssl.gstatic.com คำถาม (s): ประสิทธิภาพคืออะไร? หรือความปลอดภัย?

8
“ Progressive” JPEG: เพราะเหตุใดเว็บไซต์จำนวนมากจึงหลีกเลี่ยงการแสดงผลแบบ JPEG? ข้อเสียข้อดี?
เมื่อเว็บเพจใช้ภาพ JPEG ภาพเหล่านั้นมักจะแสดงจากบนลงล่าง แต่ก็สามารถแสดงผลได้โดยใช้โหมดที่เรียกว่าJPEG แบบโปรเกรสซีฟซึ่งภาพจะเริ่มขนาดเต็มแต่เบลอและจะคมชัดขึ้นด้วย ผ่านไปเรื่อย ๆ จนกว่าจะโหลดเต็มที่ การโหลดแบบโปรเกรสซีฟต้องมีการบันทึกภาพด้วยวิธีดังกล่าว ทำไมเว็บไซต์ไม่ใช้ JPEG แบบก้าวหน้าอีกต่อไป ข้อเสียคืออะไร มันเป็นเพียงการขาดการสนับสนุนเครื่องมือหรือไฟล์เหล่านี้ด้อยกว่าภาพ JPEG ที่แสดงจากบนลงล่างแบบดั้งเดิมหรือไม่?
39 images  jpeg 

5
เหตุใดจึงต้องใส่ไฟล์คงที่ (CSS, รูปภาพ, JavaScript, ECC) ในโดเมนย่อย
ทำไมหลาย ๆ ขนาดใหญ่และเว็บไซต์แทรกเล็ก ๆ น้อย ๆ ไฟล์คงที่ (CSS, ภาพ, JavaScript, ECC) ในโดเมนย่อยเหมือนmedia.example.comหรือs2.static.example.com? ข้อดีคืออะไร ทำไมไม่เพียงแค่ไดเรกทอรีเช่นexample.com/media/?

3
โหลดรูปภาพและเอฟเฟกต์ขี้เกียจบน SEO
เราใช้เทคนิคดังต่อไปนี้เพื่อโหลดภาพที่ขี้เกียจในเว็บไซต์ของเรา: สำหรับภาพทั้งหมดเราใส่srcurl สำหรับค่าเริ่มต้น img (เช่นโหลดเดอร์) และใส่ URL ของภาพที่แท้จริงในdata-srcแอตทริบิวต์ ชอบมาก ๆ <img src="loader.gif" data-src="img1.jpg" /> เมื่อรูปภาพอยู่นอกวิวพอร์ตไม่มีอะไรเกิดขึ้น แต่เมื่อรูปภาพเข้าไปในวิวพอร์ตแล้ว URL จากแอdata-srcททริบิวต์จะถูกโหลดและภาพจะแสดงอย่างถูกต้อง นี่คือผลลัพธ์ที่ Google เห็นภาพทั้งหมดในหน้า (เช่นหน้าผลการค้นหา) ว่ามีเหมือนกัน srcคุณลักษณะเพราะ ธ ปทของ Google จะแยกวิเคราะห์หลักสูตรเพียง 'ถอด' แท็ก img srcด้วยเริ่มต้น คำถามของฉันคือ: มีแท็ก img จำนวนมากที่มีsrcแอตทริบิวต์เดียวกันส่งผลต่อ SEO ของหน้าหรือไม่

7
ฉันจะเพิ่ม favicon ในเว็บไซต์ของฉันได้อย่างไร
คำถามนี้ถูกโยกย้ายจาก Stack Overflow เนื่องจากสามารถตอบได้ใน Webmasters Stack Exchange อพยพ 9 ปีที่ผ่านมา มาตรฐานที่ทันสมัยสำหรับการเพิ่ม favicon ในเว็บไซต์ของฉันคืออะไร รูปแบบและขนาดของรูปภาพมาตรฐานคืออะไร?
20 html  images  favicon 

13
ฉันจะทำให้รูปภาพที่มีข้อความเป็นดัชนีโดยเครื่องมือค้นหาได้อย่างไร
ฉันกำลังสร้างเว็บไซต์ผลงานขนาดเล็กสำหรับเพื่อนและอยู่ในการโฆษณาและทั้งหมดเธอเกลียดแบบอักษรมาตรฐานและต้องการทุกสิ่งที่เขียนในแบบอักษรที่กำหนดเอง เนื่องจากการฝังแบบอักษร CSS ไม่ใช่ตัวเลือกในขณะนี้ข้อความทั้งหมด (โชคดีที่มีไม่มาก) จะถูกวางเป็นรูปภาพ ฉันจะยังคงมีการจัดทำดัชนีเนื้อหารูปภาพได้อย่างไร สำหรับข้อความขนาดเล็ก (ลิงก์เมนู ฯลฯ ... ) ฉันใส่ข้อความในแอตทริบิวต์ alt แต่สำหรับบางสิ่งนานฉันไม่คิดว่าเป็นวิธีแก้ปัญหา ฉันจะทำอย่างไร วางข้อความใน div ที่ซ่อนอยู่ถัดจากภาพหรือไม่

2
ขนาดภาพที่ถูกต้องเมื่อใช้โลโก้ / ภาพของ Schema.org
ขนาดของภาพที่ถูกต้องเมื่อใช้ Schema.org's logo/ image(เช่นสำหรับ a Brand) คืออะไร? ฉันต้องการสร้างโลโก้สำหรับแบรนด์ที่มีมิติที่ถูกต้องเพื่อให้ไม่ผิดเพี้ยนเมื่อปรากฏในผลการค้นหา ฉันไม่พบขนาดภาพที่ถูกต้องในเว็บไซต์

9
ฉันจะทำอย่างไรเพื่อลดขนาดไฟล์ของภาพลง
การทำงานกับธีม wordpress ฉันได้ทำการดัดแปลงไฟล์รูปภาพบางไฟล์แล้วสังเกตว่าบางครั้งเวอร์ชั่นที่แก้ไขของฉันนั้นใหญ่กว่าต้นฉบับ 3-4 เท่า (บันทึกโดยใช้รูปแบบเดียวกัน) ฉันไม่ต้องการลดคุณภาพ - มีวิธีใดบ้างในการทำให้ขนาดไฟล์เล็กลงเพื่อให้โหลดได้เร็วขึ้น ตัวอย่างเช่นตอนนี้ฉันใช้ Photoshop และตั้งแถบเลื่อนคุณภาพของภาพเป็น '8' (จาก 10)

5
การเชื่อมต่อ HTTPS“ ไม่ปลอดภัย” เนื่องจากรูปภาพ
ฉันกำลังทำงานบนเว็บไซต์และฉันได้ติดตั้งใบรับรอง SSL ของฉันเรียบร้อยแล้ว ตัวตรวจสอบ GeoTrust SSL / TLS ยืนยันว่าห่วงโซ่ใบรับรอง (รวมถึง CA) ได้รับการติดตั้งอย่างเหมาะสม ทุกอย่างดูดีบน Chrome แต่กุญแจของฉันไม่เป็นสีเขียวและใน Firefox มันระบุว่าเว็บไซต์นั้นไม่ปลอดภัยเพราะมีองค์ประกอบที่ไม่ได้เข้ารหัสไว้ ฉันใช้บริการออนไลน์เพื่อตรวจสอบสาเหตุที่เป็นและปรากฎว่าภาพของฉันไม่ถือว่าเป็น URL ที่ปลอดภัย ฉันจะจัดการกับสถานการณ์นี้ได้อย่างไรฉันจะฝังรูปภาพในเว็บไซต์ของฉันอย่างปลอดภัยได้อย่างไร
14 https  images  security 

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

6
วิธีการเปลี่ยนภาพจากเว็บไซต์ที่แสดงในผลการค้นหาของ Google
ใครสามารถบอกฉันได้ว่า Google ตัดสินใจเลือกรูปภาพใดเมื่อใช้แสดงรูปภาพพร้อมผลการค้นหา (เช่นในกรณีของการค้นหาบนมือถือบางครั้ง) หากคุณดูที่ผลการค้นหาบนมือถือเหล่านี้ ... ... และยกตัวอย่างจาก Alibaba.com ให้ตัวอย่างโดยการตรวจสอบHTMLคุณจะเห็นว่าภาพที่ Google ใช้นั้นดูเหมือนจะไม่มีการประกาศพิเศษ ฯลฯ มันเป็นเพียง JPG แรกที่ปรากฏใน HTML ของหน้านั้น - ดังนั้นฉันจึงเป็น อาจจะคิดว่าเป็นเหตุผลว่าทำไมมันเป็นภาพที่ใช้ในผลการค้นหาของ Google อย่างไรก็ตามเมื่อคุณดูผลการค้นหาบนมือถือเหล่านี้ ... …และพิจารณาผลลัพธ์ของ Backpack Billboards, HTMLแสดงให้เห็นว่าภาพที่ใช้จริง ๆ แล้วเป็นภาพที่เจ็ดที่ประกาศใน HTML ทุกคนสามารถแสดงความเห็นว่า Google จะกำหนดรูปภาพที่จะแสดงได้อย่างไร ฉันต้องการทราบเพื่อให้ฉันสามารถควบคุมรูปภาพที่จะแสดงสำหรับไซต์ของฉัน อัปเดต / โซลูชัน ด้วยคำตอบด้านล่างนี่คือรหัสที่ฉันเพิ่มลงในheadHTML ของฉันเพื่อรับภาพขนาดย่อที่แสดงใน Google เมื่อค้นหาป้ายโฆษณากระเป๋าเป้สะพายหลัง : <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", …

1
เมื่อจดหมายข่าวทางอีเมลมีภาพที่เข้ารหัส Base64 แล้วไคลเอนต์อีเมลจะเห็นพวกเขาทันทีหรือไม่?
เมื่อฉันส่งจดหมายข่าวด้วย URL ระยะไกลไคลเอนต์อีเมลส่วนใหญ่จะถามผู้ใช้ว่าเขาต้องการโหลดทรัพยากรระยะไกลภายในข้อความหรือไม่ หากฉันส่งอีเมลโดยใช้ภาพที่มีสตริงที่เข้ารหัส Base64 เป็นแหล่งที่มาผู้รับจะเห็นภาพทันทีหรือไม่

4
ชื่อไฟล์และ URL ของรูปภาพควรมีอะไรเพื่อประโยชน์ของ SEO?
เรารู้ว่าสถาปัตยกรรมเว็บไซต์ที่ดีมักจะมีลักษณะเช่นนี้: example-company.com/ example-company.com/about/ example-company.com/contact/ example-company.com/products/ example-company.com/products/category/ example-company.com/products/category/productname/ ตอนนี้เมื่อพูดถึงการค้นหาของ Google Image เป็นที่ชัดเจนว่าimg altแท็กชื่อไฟล์ / URL และข้อความที่อยู่รอบ ๆ (คำอธิบายภาพส่วนหัวส่วนหัวย่อหน้า) มีผลต่อการจัดอันดับ ฉันต้องการถามเกี่ยวกับชื่อไฟล์ของภาพที่เราควรใช้ (เช่นproduct-photo.jpg) ... แต่ก่อนอื่นเกี่ยวกับ URL: บ่อยครั้งที่นักพัฒนาเว็บติดภาพทั้งหมดในโฟลเดอร์เดียวในรูท: example-company.com/img/- และฉันหยุดทำเช่นนั้น (ฉันไม่ต้องการเข้าไป แต่โดยทั่วไปแล้วดูเหมือนว่าจะมีความหมายมากกว่าสำหรับรูปภาพที่ประกอบขึ้นเป็นส่วนหนึ่งของเนื้อหาในแต่ละไดเรกทอรีย่อย) อย่างไรก็ตามเมื่อภาพทั้งหมดปรากฏในโฟลเดอร์ฉันรู้สึกว่าชื่อไฟล์ของพวกเขาต้องสะท้อนให้เห็นถึงสิ่งที่มากกว่าปกติเช่น: example-company.com/img/ example-company-productname-category.jpg มันเป็นชื่อไฟล์ที่ยาวกว่าแค่เพียงproduct.pngแต่ตราบใดที่มันเกี่ยวข้องฉันเห็นว่าไม่มีปัญหาเกี่ยวกับ SEO (เว้นแต่คุณจะใส่คำหลัก) และอาจช่วยให้อันดับสำหรับคำหลัก: "บริษัท ตัวอย่าง" "ชื่อผลิตภัณฑ์" "ประเภท" ดังนั้นไม่มีคำถาม แต่สิ่งที่เกี่ยวกับเมื่อเรามีสถานที่ภาพในสถาปัตยกรรมเว็บไซต์ที่เราอธิบายไว้ที่จุดเริ่มต้น? กล่าวอีกนัยหนึ่งจะเป็นเช่นไรหากเส้นทาง URL รูปภาพมีลักษณะดังนี้: example-company.com/products/category/productname/ productname.jpg คำถามของฉันคือ URL ควรจะสั้นเหมือนด้านบนและมี "ชื่อผลิตภัณฑ์" …

2
ชื่อไฟล์ของภาพมีผลกับ SEO หรือไม่
red-mercedes-slk.jpgเมื่อฉันตั้งชื่อไฟล์ภาพของฉันฉันมักจะใช้ชื่อไฟล์อธิบายเช่น ฉันทำมาโดยตลอดโดยไม่คิด แต่ฉันสงสัยว่ามันจะเป็นประโยชน์ต่อการจัดอันดับของฉันในทางใดทางหนึ่งหรือไม่ ฉันจะเขียนชื่อไฟล์ที่ผิดปกติได้r-slk.jpgหรือไม่ ฉันยังคงใช้ข้อความแสดงแทน
13 seo  images  filenames 

4
เบราว์เซอร์ iPad และ iPhone หมุนภาพบนไซต์หรือไม่
ฉันประสบเหตุการณ์แปลก ๆ บนเว็บไซต์ที่ฉันกำลังสร้างในขณะนี้ซึ่งภาพจะแสดง 90 องศาแตกต่างจากที่ควรจะเป็น แต่ในขณะที่ยังคงรักษาขนาดปกติของภาพที่ฉันระบุ สิ่งนี้จะเกิดขึ้นกับ Safari ใน iPad และ iPhone สำหรับฉันเท่านั้น ... เบราว์เซอร์อื่น ๆ ทั้งหมดไม่มีปัญหานี้ ความคิดใด ๆ หน้าคำถามดังกล่าวสามารถดูได้ที่นี่: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/
13 css  images  iphone  ipad 

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