কোনও এসআরসিবিহীন কোনও চিত্র অন্তর্ভুক্ত করার বৈধ উপায় কী?

Question

আমার একটি চিত্র রয়েছে যা আমি পরে জাভাস্ক্রিপ্ট দিয়ে একটি এসআরসি দিয়ে গতিশীলভাবে পপুলেট করব তবে স্বাচ্ছন্দ্যের জন্য আমি চাই ইমেজ ট্যাগটি পেজলোডে উপস্থিত থাকতে পারে তবে কিছুই প্রদর্শন করা যায় না। আমি জানি <img src='' />অবৈধ তাই এটি করার সর্বোত্তম উপায় কোনটি?

Comments

এটি তুলনামূলকভাবে পুরানো প্রশ্ন, তবে এটি বিবেচনা করার মতো যে কোনও এসসিআরবিহীন একটি চিত্র মূলত অর্থহীন এবং সে কারণেই অনুমানটি বলে যে চিত্রটি অবশ্যই প্রথমে কিছু এমবেডেড সংস্থানকে নির্দেশ করে একটি সিআরসি থাকা উচিত । আপনি যদি বৈধতা এবং / অথবা শব্দার্থ সম্পর্কে চিন্তাভাবনা করেন তবে চিত্রটি পুরোপুরি বাদ দিয়ে এবং সত্যের পরে এটি যুক্ত করে আপনি আরও ভালভাবে পরিবেশন করেছেন, যেহেতু এইচটিএমএল কোনও স্থানধারক চিত্র নির্দিষ্ট করার কোনও উপায় সরবরাহ করে না যা পরবর্তীতে ডেটা সহ জনপ্রিয় হবে।

— BoltClock

মিকা তিউপোলার অলস লোডিং jQuery প্লাগইন ব্যবহার করতে, এটি '<img শ্রেণি = "আলস্য" ডেটা-অরিজিনাল = "img / উদাহরণ.jpg" প্রস্থ = "640" উচ্চতা = "480">' ব্যবহার করে, সুতরাং এক অর্থে আপনি কোনও উত্সকে নির্দেশ করতে হবে, তবে এটি এসআরসি বৈশিষ্ট্য দিয়ে করা দরকার নেই।

— iWillGetBetter

আপনি এটা পরিবর্তে div উপাদান ব্যবহার করতে পারেন দয়া করে এই => দেখুন stackoverflow.com/a/5513934/1395101

— আমিন Ghaderi

Answer 1

যদিও সেখানে একটি ইমেজ এর উৎস বর্জন করার কোন বৈধ উপায় না থাকে, তখন হয় সূত্র যা হবে সার্ভার হিট কারণ নয়। আমি সম্প্রতি এর সাথে একই ধরণের সমস্যা পেয়েছি iframeএবং //:0সেরা বিকল্প হতে হবে বলে দৃ .়প্রতিজ্ঞ। সত্যিই না!

//(প্রোটোকল বাদ দেওয়া) দিয়ে শুরু করার ফলে এইচটিটিপিএস পৃষ্ঠাগুলিতে "অনিরাপদ সামগ্রী" সতর্কতা রোধ করে বর্তমান পৃষ্ঠার প্রোটোকল ব্যবহার করা হবে। হোস্টের নাম এড়িয়ে যাওয়া প্রয়োজনীয় নয়, তবে এটি আরও খাটো করে তোলে। পরিশেষে, একটি বন্দর :0নিশ্চিত করে যে কোনও সার্ভার অনুরোধ করা যাবে না (এটি অনুমান অনুসারে কোনও বৈধ বন্দর নয়)।

এটিই কেবলমাত্র ইউআরএল যা আমি পেয়েছি যে কোনও ব্রাউজারে কোনও সার্ভার হিট বা ত্রুটি বার্তা তৈরি করে নি। সাধারণ পছন্দ -javascript:void(0) - এইচটিটিপিএসের মাধ্যমে প্রদত্ত কোনও পৃষ্ঠায় যদি ব্যবহার করা হয় তবে আই 7-তে একটি "সুরক্ষিত সামগ্রী" সতর্কতা সৃষ্টি করবে। অন্য যে কোনও পোর্টের ফলে চেষ্টা করা সার্ভার সংযোগ, এমনকি অবৈধ ঠিকানাও caused (কিছু ব্রাউজার কেবল অবৈধ অনুরোধ জানায় এবং তাদের জন্য সময় অপেক্ষা করে))

এটি ক্রোম, সাফারি 5, এফএফ 3.6, এবং আইই 6/7/8 এ পরীক্ষা করা হয়েছিল, তবে আমি এটি যে কোনও ব্রাউজারে কাজ করার আশা করবো, কারণ এটি নেটওয়ার্ক স্তর হওয়া উচিত যা কোনও প্রয়াসের অনুরোধটিকে হত্যা করে।

Comments

এই উত্তরটি আপনার ফায়ারওয়ালকে উদাহরণ দিয়ে উদাহরণস্বরূপ 0 পোর্ট অ্যাক্সেস সম্পর্কে সতর্ক করতে পারে। অথবা এটি কোনও সার্ভার সুরক্ষা লগের কারণ হতে পারে। উত্তরটি দেওয়া উত্তর about:blankসম্ভবত আরও ভাল সমাধান।

— ফ্লোরিয়ান মার্জাইন

এটি আমার জন্য প্রদর্শনের জন্য একটি ভাঙা চিত্রের আইকন সৃষ্টি করছে। অন্য কেউ এই দেখছেন? আমি সর্বশেষতম ফায়ারফক্স (27) ব্যবহার করছি।

— dmiketer1

এটি ডাব্লু 3 সি বৈধকরণকারীকেও ব্যর্থ করে: উপাদান img এ অ্যাট্রিবিউট src এর জন্য খারাপ মান //: 0: অবৈধ হোস্ট: খালি হোস্ট।

— ysrb

এটি কাজ করে না: আমার কাছে একটি এএসপি.নেট এমভিসি 4 অ্যাপ্লিকেশন রয়েছে যাতে ক্লিয়ারিং নামক একটি চিত্র গ্যালারী রয়েছে contains প্লাগইনটি চিত্রগুলিকে গতিময়ভাবে তৈরি করে এবং এটি চিত্রটি আনার সময় পর্যন্ত //: 0 o সিআরসি রাখে। এটি আমার হোমকন্ট্রোলারের সূচক ক্রিয়াটি দু'বার কল করা হয়েছিল। তাই সাবধান।

— jpgrassi

ফায়ারফক্স 38-এ, এই পদ্ধতির চিত্রটির onerrorহ্যান্ডলারটিকে ট্রিগার করে ।

— নাট হুইটেকার

Answer 2

আরেকটি বিকল্প হ'ল ফাঁকা চিত্র এম্বেড করা। আপনার উদ্দেশ্য অনুসারে যে কোনও চিত্র তা করবে, তবে নিম্নলিখিত উদাহরণটি এমন একটি জিআইএফ এনকোড করেছে যা কেবলমাত্র 26 বাইট রয়েছে - http://probablyprogramming.com/2009/03/15/theiest-gif-ver থেকে

<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="0" height="0" alt="" />

নীচের মন্তব্যের ভিত্তিতে সম্পাদনা করুন:

অবশ্যই, আপনার ব্রাউজার সমর্থন প্রয়োজনীয়তা বিবেচনা করতে হবে। আই 7 বা তার চেয়ে কম কোনও সমর্থন উল্লেখযোগ্য নয়। http://caniuse.com/datauri

Comments

ভালো বুদ্ধি! আমার জন্য তবে এটি চিত্রের উপাদানটিকে মেরে ফেলে - imgউদাহরণস্বরূপ ব্যাকগ্রাউন্ড এবং সীমান্ত দেখানোর জন্য কারও যদি উপাদানটির অন্যান্য দিকগুলির প্রয়োজন হয় তবে চেষ্টা করুন src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="যা 1px x 1px স্বচ্ছ জিআইএফ থেকে নেওয়া হয়েছে আমি ফটোশপকে বেস

— 64-image.de এর

আপনি ডেটা ইউআরআই দিয়ে আপনার সংস্থানগুলি অন্তর্ভুক্ত করার বিষয়ে দু'বার ভাবতে চাইতে পারেন: মুবিফাই

— ডেটা-

এই বিকল্পটির কার্যক্ষমতার

— জেফ ক্লেমেন্স

এখানে একটি স্বচ্ছ 1 পিক্সেল পিএনজি:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=

— কেভন

স্বচ্ছ চিত্র url যা আমার জন্য কাজ করেছে -data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

— বিক্রম রাও

Answer 3

আজকাল আইএমএইচও খালি ইমজি এসসিআর-এর জন্য সর্বোত্তম শর্ট, বুদ্ধিমান ও বৈধ উপায় এইরকম:

<img src="data:," alt>
or
<img src="data:," alt="Alternative Text">

দ্বিতীয় উদাহরণটি "বিকল্প পাঠ্য" প্রদর্শন করে (ক্রোম এবং আইই-তে ভাঙা-চিত্র-আইকন)।

"data:,"একটি বৈধ ইউআরআই। একটি খালি মিডিয়া ধরণের ডিফল্ট text/plain। সুতরাং এটি একটি খালি পাঠ্য ফাইল উপস্থাপন করে এবং এর সমতুল্য"data:text/plain,"

---

ওটি: সমস্ত ব্রাউজার প্লেইন বোঝে alt। আপনি বাদ দিতে পারেন ="", এটি HTML অনুমান অনুসারে অন্তর্ভুক্ত।

Comments

ডাব্লু 3 সি বৈধকরণকারী চেক সহ কোনও HTML ত্রুটি নেই। কোনও অপ্রয়োজনীয় অনুরোধ নেই। How এটি কীভাবে করা যায় তা বৈধ উপায় বলে মনে হচ্ছে।

— কাই নোক 25'19

শ্রেষ্ঠ! আরও একটি বিষয়, আপনি যদি এটি কোনও এসসিআরসিটিতে বৈধতা পেতে চান তবে ব্যবহার করুনsrcset="data:,x"

— লুসিয়ান

Answer 4

আমি উপাদানগুলিকে গতিশীলভাবে যুক্ত করার পরামর্শ দিচ্ছি এবং যদি jQuery বা অন্যান্য জাভাস্ক্রিপ্ট লাইব্রেরি ব্যবহার করা হয় তবে এটি বেশ সহজ:

• http://api.jquery.com/appendTo/
• http://api.jquery.com/prependTo/
• http://api.jquery.com/html/

এছাড়াও তাকান prependএবং append। অন্যথায় যদি আপনার মতো কোনও চিত্র ট্যাগ থাকে এবং আপনি এটি বৈধ করতে চান, তবে আপনি ডামি চিত্র ব্যবহার করার কথা বিবেচনা করতে পারেন, যেমন 1px স্বচ্ছ জিআইএফ বা পিএনজি।

Comments

+1 এটি সেরা উত্তর। চিত্রের উত্স যদি যাই হোক না কেন গতিশীল সেট করা হচ্ছে, পুরো উপাদানটি গতিশীলভাবে যুক্ত করা উচিত। আপনি যদি এসআরসি সেট না করা পর্যন্ত এটি দৃশ্যমান না চান, তবে তার আগে কেন এলিমেন্ট থাকা উচিত তার কোনও ভাল কারণ আমি ভাবতে পারি না।

— অ্যান্ড্রু এনসলি

Answer 5

আমি কিছুক্ষণের মধ্যে এটি করিনি, তবে আমাকে একবার একই জিনিসটি দিয়ে যেতে হয়েছিল।

<img src="about:blank" alt="" />

আমার পছন্দসই - //:0এটির দ্বারা বোঝা যায় যে আপনি পোর্ট শূন্যে (টিসিপিএমেক্স পোর্ট?) অরিজিনাল সার্ভারের সাথে একটি এইচটিটিপি / এইচটিটিপিএস সংযোগ তৈরি করার চেষ্টা করবেন - যা সম্ভবত নিরীহ, তবে আমি বরং তা করব না। হেক, ব্রাউজারটি পোর্টটি শূন্য দেখতে পারে এবং এমনকি একটি অনুরোধ প্রেরণ করতে পারে না। তবে আমি তার পরিবর্তে এখনও এটি নির্দিষ্ট করা যাচ্ছিলাম না যখন সম্ভবত এটি আপনি বোঝাতে চেয়েছিলেন।

যাইহোক, about:blankআমি যে সমস্ত ব্রাউজারগুলি পরীক্ষা করেছিলাম সেগুলির রেন্ডারিং আসলে খুব দ্রুত। আমি কেবল এটি ডাব্লু 3 সি বৈধকারীর মধ্যে ফেলে দিয়েছি এবং এটি অভিযোগ করেনি, তাই এটি বৈধও হতে পারে।

সম্পাদনা : এটি করবেন না; এটি সমস্ত ব্রাউজারে কাজ করে না (এটি এই উত্তরের মন্তব্যে নির্দেশিত হিসাবে একটি 'ভাঙা চিত্র' আইকনটি দেখায়)। <img src='data:...নীচের সমাধানটি ব্যবহার করুন । বা যদি আপনি বৈধতার বিষয়ে চিন্তা না করেন তবে আপনার সার্ভারে অতিরিক্ত অতিরিক্ত অনুরোধগুলি এড়াতে চান তবে আপনি <img alt="" />কোনও এসসিআর বৈশিষ্ট্য না দিয়ে করতে পারেন । তবে এটি ইনভালিড এইচটিএমএল তাই সাবধানে এটি চয়ন করুন।

পরীক্ষার পৃষ্ঠাটি বিভিন্ন পদ্ধতির পুরো গোছা দেখায়: http://desk.nu/blank_image.php - সব ধরণের বিভিন্ন প্রকারের ডক্টাইপ এবং সামগ্রী-প্রকারের সাথে পরিবেশন করা হয়। - নীচের মন্তব্যে উল্লিখিত হিসাবে, মার্ক ওর্মস্টনের নতুন পরীক্ষার পৃষ্ঠাটি এখানে ব্যবহার করুন: http://memso.com/Test/BlankImage.html

Comments

নেটওয়ার্ক লেয়ারটিকে ত্রুটি প্রদানের চেয়ে এটি পরিষ্কার মনে হচ্ছে er

— অস্বীকার করেছেন ys

কমপক্ষে আপনি নিশ্চিত যে একজন নির্বোধ ফায়ারওয়াল 0 পোর্ট কল করার অনুমতি চাইবে না ...

— Denys Séguret

এটি উল্লেখ করার মতো বিষয় এটি ক্রোমে 'ভাঙা চিত্র' আইকনটি প্রদর্শন করে (এবং সম্ভবত অন্যান্য ব্রাউজারগুলিও)

— user56reinstatemonica8

এটি আমি যা ভাবি তার থেকেও খারাপ - এইচটিএমএল 5 ডকুমেন্টের সাথেও এটি সাফারি বা ক্রোমে কাজ করবে বলে মনে হয় না। আমার একটি পরীক্ষার পৃষ্ঠা রয়েছে যা কোনও পৃষ্ঠার বিষয়বস্তু এবং ডক্টাইপকে টলমল করবে এবং এ পর্যন্ত আমার প্রিয়টি হ'ল: <img />- এসআরসি বৈশিষ্ট্য ছাড়াই একটি চিত্র ট্যাগ । এই না বৈধ (তাই সেখানে ফাঁকা Alt ট্যাগ নির্বাণ হয় কোন বিন্দু)। আমি এটি নিয়ে খেলা চালিয়ে যাচ্ছি এবং সেই অনুসারে আমার উত্তর আপডেট করব (বা এর মাধ্যমে ধর্মঘট করুন)।

— উবারব্রেডি

আমি আপনার পরীক্ষার পৃষ্ঠাটি নিয়েছি এবং এটি আপডেট করেছি তাই যখন চিত্রগুলি সঠিকভাবে কাজ করে না তখন এটি আরও বেশি স্পষ্ট। পুরানো ফাঁকা চিত্রটি "সর্বদা কাজ করে" উদাহরণ হিসাবে অন্তর্ভুক্ত করা হয়েছে, পাশাপাশি আপনি যা দেখছেন তার একটি সংক্ষিপ্ত বিবরণ: memso.com/Test/BlankImage.html এটি বুঝতে পেরেছি যে বৈধ ফাঁকা ডেটা জিএফই কেবল পুনরায় ব্যবহারযোগ্য পুরানো ফাঁকা জিআইএফ চিত্র ব্যতীত আধুনিক ব্রাউজারগুলির জন্য বিকল্প (যা এখনও পুরানো আই 7 এবং নীচের জন্য প্রয়োজনীয়)

— মার্ক অর্মস্টন

Answer 6

মন্তব্যে লেখা হিসাবে, এই পদ্ধতিটি ভুল।

আমি এই উত্তরটি আগে খুঁজে পেলাম না, তবে ডাব্লু 3 স্পেসে বৈধ খালি srcট্যাগটি সরবরাহ করা একটি অ্যাঙ্কর লিঙ্ক হবে #।

উদাহরণ: src="#",src="#empty"

পৃষ্ঠাটি সাফল্যের সাথে বৈধতা দেয় এবং কোনও অতিরিক্ত অনুরোধ করা হয় না।

Comments

এই পদ্ধতির বিরুদ্ধে কোন যুক্তি আছে? ব্রাউজার জুড়ে এটি কেমন?

— কাঁপুনি

আমি এই পদ্ধতি ব্যবহার করার সময় ফায়ারফক্স এবং ক্রোম উভয়কেই দ্বিতীয় অনুরোধ করতে দেখেছি, তাই আমি এটির প্রস্তাব দেব না।

— মারিয়াস

ফায়ারফক্স, ক্রোম দ্বিতীয় অনুরোধ জানায়, এমনকি জেমেটার ইমগ এসসিআরকে বিশ্লেষণ করে, যার ফলে পুনরাবৃত্তিমূলক পৃষ্ঠা লোড হয় (সর্বাধিক গভীরতা পৌঁছা না হওয়া পর্যন্ত)

— বারান

যদি আপনি পৃষ্ঠাটি পাতাতে চান তবে এফএফ-এ আপনাকে অবশ্যই ব্রাউজারের ব্যাক বোতামটি দুবার আঘাত করতে হবে কারণ ইউআরএল রহস্যজনকভাবে পরিবর্তিত হয় ..

— কালাসনি

এটি সাধারণ ভুল। যে কেউ মন্তব্য পড়তে পড়তে পারে - এটি ব্যবহার করবেন না

— শেডো উইজার্ড আপনার পক্ষে কান

Answer 7

আমি দেখতে পেয়েছি যে খালি স্ট্রিংয়ের জন্য কেবলমাত্র এসসিআর সেট করা এবং ভাঙ্গা চিত্রের আইকনটি আড়াল করতে আপনার সিএসএসে একটি বিধি যুক্ত করা ঠিক কাজ করে।

[src=''] {
    visibility: hidden;
}

Comments

[ng-src = ''] ibility দৃশ্যমানতা: লুকানো; you আপনি যদি কৌনিক জালাগুলিতে এনজি-এসসিআর নির্দেশিকা ব্যবহার করছেন

— ইভান

দ্রষ্টব্য, যে src অবশ্যই সেট করা আছে '', এটি অবশ্যই অপরিজ্ঞাত করা উচিত নয়।

— ভিনসেন্ট হচ-ড্রেই

যদি আমার ভুল না হয় তবে একটি অনুরোধটি এখনও কার্যকর করা হবে

— নিকো

Answer 8

যদি আপনি এসআরসি বৈশিষ্ট্যটি খালি রাখেন তবে বর্তমান পৃষ্ঠার ইউআরএলকে অনুরোধ প্রেরণ করা হবে সর্বদা এসআরসি বৈশিষ্ট্যে 1 * 1 স্বচ্ছ ইমগ যোগ করুন যদি কোনও ইউআরএল চান না

src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA="

Comments

এটি কিছু ব্রাউজারে একটি কালো বিন্দু হিসাবে প্রদর্শিত হবে।

— tomasz86

নিশ্চিত IE8 এবং Firefox এর পুরোনো সংস্করণগুলি অনুযায়ী stackoverflow.com/questions/9126105/...

— tomasz86

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==যদিও এই এসআরসি কাজ করেছে

— ম্যাক্স ইয়ারী

Answer 9

আমি এটি ব্যবহার করে দেখতে পেয়েছি:

<img src="file://null">

একটি অনুরোধ করবেন না এবং সঠিকভাবে বৈধতা দেবে না।

ব্রাউজারগুলি কেবল স্থানীয় ফাইল সিস্টেমে অ্যাক্সেস আটকাবে।

তবে Chrome এ কনসোল লগটিতে প্রদর্শিত একটি ত্রুটি থাকতে পারে:

Not allowed to load local resource: file://null/

Comments

ডাউনওয়েটকে বোঝানোর জন্য যত্নশীল? নোট করুন যে আমি এই পদ্ধতিটি ব্যবহার করার পরামর্শ দিচ্ছি না কেবল আলোচনার জন্য একটি কেস সরবরাহ করতে। এবং এটি সঠিকভাবে যাচাই করা এবং অতিরিক্ত অনুরোধ না করার জন্য প্রশ্ন থেকে প্রয়োজনীয়তাগুলি সন্তুষ্ট করছে।

— টেনকড

Answer 10

এই নিবন্ধের উপর ভিত্তি করে সত্যই একটি ফাঁকা, বৈধ এবং অত্যন্ত সামঞ্জস্যপূর্ণ এসভিজি ব্যবহার করুন :

src="data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E"

এটি কোনও এসভিজির মতো আকারে 300x150px আকারে রূপান্তরিত হবে তবে আপনি এটির সাথে আপনার imgমৌলিক ডিফল্ট শৈলীতে কাজ করতে পারেন , যেমন ব্যবহারিক বাস্তবায়নের ক্ষেত্রে আপনার যে কোনও ক্ষেত্রে সম্ভবত প্রয়োজন হবে।

Comments

আপনার উত্তরটি আপডেট করার জন্য ধন্যবাদ, তবে আমি সন্দেহ করি যে এটির জন্য সামঞ্জস্যতা অন্যান্য ডেটা-ইউরি সমাধানের চেয়ে আরও খারাপ, আপনি এসইজিজি ব্যবহার করেছেন যা আইআই 9 পর্যন্ত সামঞ্জস্যপূর্ণ ছিল না। ভাগ্যক্রমে, আমার বেশিরভাগ সময় লেইগেসি আইই সমর্থন করতে পেরেছে তবে এটি এখনও কিছু লোকের সাথে প্রাসঙ্গিক।

— ফানকিলেন্ড্রি

কিন্তু এই নিবন্ধ হিসাবে একই সমস্যা ভোগ না? dev.mobify.com/blog/data-uris-are-slow-on-momot । আমি সিএসএস ইমগ সহ <img src = "সম্পর্কে: ফাঁকা"> বিকল্পটি ভাবছি [এসসিআর = "সম্পর্কে: ফাঁকা"] acity অস্বচ্ছতা: 0} সমাধান সেরা। অথবা, সিএসএস নির্বাচকের সেই স্তরটি যদি পুরানো ব্রাউজারগুলিতে সমর্থিত না হয় তবে কেবল ইম্জি ট্যাগকে "লোড-ইন", বা কোনও কিছুর মতো শ্রেণি দিন। আরও ভাল, এটিকে ক্লাস দিন, ডেটা-এসসিআর অদলবদল করতে জাভাস্ক্রিপ্ট ব্যবহার করুন এবং তারপরে লোডটি ফিকে হয়ে যাওয়ার জন্য চিত্রটিতে একটি লোড ফাংশন সেট করুন। লোড হওয়ার সময় আপনি কোনও স্পিনার দেখানোর জন্য সেট করতে পারেন। সত্যিই পেশাদার মনে হচ্ছে।

— জর্দান কার্টার

@ জোর্দানকার্টার অবশ্যই, যদি বিশদ পারফরম্যান্স একটি উদ্বেগের বিষয়। একটি সাইডনোট হিসাবে, আমি বলতে চাই যে আপনি যে গুণাবলীর নির্বাচকদের পরামর্শ দিচ্ছেন তার visibility: hiddenচেয়ে কিছুটা বেশি মানানসই opacity: 0।

— mystrdat

Answer 11

বেন ব্ল্যাঙ্কের উত্তরটি বন্ধ করে দেওয়া, ডাব্লু 3 বৈধকারীর মধ্যে যাচাইয়ের জন্য আমি কেবল এটিই পেয়েছিলাম:

<img src="/./.:0" alt="">`

Comments

এটি বৈধতা দেয়, তবে এটি ফায়ারফক্সে ভাঙা চিত্রের ফলস্বরূপ, এমনকি একটি খালি altবৈশিষ্ট্যযুক্ত।

— জেমস রাইট

Answer 12

আমি ব্যক্তিগতভাবে একটি ব্যবহার করি about:blank srcএবং imgউপাদানটির অস্বচ্ছতাটি সেট করে ভাঙা চিত্রের আইকনটি ব্যবহার করি 0।

Comments

এখন যে নোংরা!

— mystrdat

@ মাইস্টার্ডাত: কেন এটি নোংরা হয়েছে তা বিশদ করার জন্য যত্নশীল? "//: 0" ব্যবহার করে গৃহীত উত্তরটি এখনও আমাকে ভাঙা চিত্রের আইকনটি দিয়েছিল এবং ফায়ারফক্সে একটি অদ্ভুত কখনও শেষ না হওয়ার অনুরোধ জানায়। একক পিক্সেল বেস 6464 পিএনজি বিকল্প, প্রচুর ভোটের সাথে, <img> স্থানধারক হিসাবে উচ্চতা এবং প্রস্থ উভয়ই উল্লেখ না করে এবং ব্যবহার করার সময় আমাকে ঝামেলা দিয়েছে। কোনও অপ্রয়োজনীয় অনুরোধ ছাড়াই এবং সমস্ত লিটার এবং বৈধতা ছাড়াই আমি আমার লক্ষ্য অর্জনের পক্ষে এটি সবচেয়ে পরিষ্কার উপায়।

— মিগুয়েল

উপরের সমস্ত সমাধানগুলি অত্যন্ত মূর্খ একটির মধ্যে স্বীকৃত অন্তর্ভুক্ত রয়েছে, আরও কিছুটা সময় পেলে আমি একটি নতুন জবাব দেব।

— mystrdat

@ মাইস্টার্ডাত: আপনার এই সম্পর্কে কী বলা উচিত তা জানতে পেরে আমি এখনও খুশি হব?

— ফানকিলেন্ড্রি

@ ফঙ্কিল্যান্ড্রি বড় দাবি করার জন্য এবং অদৃশ্য হয়ে যাওয়ার জন্য আমি ক্ষমা চেয়ে নিচ্ছি, এখন আমার উত্তর পোস্ট করলাম। আমি স্বীকারও করেছি যে এর আগে আমি অন্যান্য ডেটা ইউআরআই সমাধানগুলি লক্ষ্য করিনি, যার সাথে আমি একমত, তবে আমি বিশ্বাস করি যে যাইহোক সিনট্যাক্সে আমার চেয়ে উন্নত।

— mystrdat

Answer 13

<img src="invis.gif" />

যেখানে invis.gif হ'ল একক পিক্সেল স্বচ্ছ gif। এটি ভবিষ্যতের ব্রাউজার সংস্করণগুলিতে ভাঙবে না এবং 90 এর দশক থেকে লিগ্যাসি ব্রাউজারগুলিতে কাজ করছে।

পিএনজি খুব বেশি কাজ করা উচিত তবে আমার পরীক্ষাগুলিতে জিআইএফ 43 বাইট ছিল এবং পিএনজি 167 বাইট ছিল তাই জিএফ জিতেছে।

PS কোনও Alt ট্যাগ ভুলে যাবেন না, তাদের মতো ভ্যালিডেটরও।

Answer 14

সহজভাবে, এটি পছন্দ:

<img id="give_me_src"/>

Comments

অনুযায়ী না একটি ভাল ধারণা বৈশিষ্ট : src অ্যাট্রিবিউট উপস্থিত থাকা আবশ্যক, এবং একটি কার্যকর URL ... থাকা আবশ্যক

— মাইকেল Litvin

হয়তো এটা ভাল ক্রোম কাজ করে, কিন্তু এটা হবে এইচটিএমএল বৈধতা ত্রুটি নিক্ষেপ এবং এটি একটি W3 বৈধ HTML না ...

— EhsanT