CSS image-rendering প্রতিশব্দ

পরিভাষা এবং ব্যবহার

image-rendering এই বৈশিষ্ট্যটি ছবি সমস্তুকীকরণের এলগরিথমের ধরনকে নির্দেশ করে。

নোট:এই বৈশিষ্ট্যটি অসমস্তুকীকৃত ছবিতে কার্যকর নয়。

প্রয়োগ

ছবি সমস্তুকীকরণের বিভিন্ন এলগরিথমকে প্রদর্শন করুন:

.image {
  height: 100px;
  width: 100px;
  image-rendering: auto;
}
.crisp-edges {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.pixelated {
  image-rendering: pixelated;
}
.smooth {
  image-rendering: smooth;
}
.high-quality {
  image-rendering: high-quality;
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

CSS 语法

image-rendering: auto|smooth|high-quality|crisp-edges|pixelated|initial|inherit;

বৈশিষ্ট্য মান

মান বর্ণনা
auto ব্রাউজারকে সমস্তুকীকরণ এলগরিথম বাছাই করার জন্য দিয়ে। ডিফল্ট মান。
smooth একটি এলগরিথম ব্যবহার করে ছবিতে রং সমস্তুকীকরণ করুন
high-quality smooth-র সমান, কিন্তু উচ্চগুণমান সমস্তুকীকরণকে অধিক পছন্দ করে
crisp-edges একটি এলগরিথম ব্যবহার করে ছবিতে কন্ট্রাস্ট এবং সীমানা সংরক্ষণ করুন
pixelated

যদি ছবি সম্প্রসারিত হয়, তবে nearest-neighbor এলগরিথম ব্যবহার করা হয়, তাই ছবি বড় পিক্সেল দেখাবে।

যদি ছবি ছুঁড়া হয়, তবে auto-র সমান。
initial এই বৈশিষ্ট্যকে তার ডিফল্ট মানে নিয়ে নিন। দেখুন initial。
inherit এই বৈশিষ্ট্যকে তার পিতৃত্বকারী উপাদান থেকে উত্তরণ করুন। দেখুন inherit。

কারিগরি বিবরণ

ডিফল্ট মান: auto
পরিবর্তনযোগ্যতা: yes
অ্যানিমেশন নির্মাণ: সমর্থিত না। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。
সংস্করণ: CSS3
JavaScript 语法： object.style.imageRendering="pixelated"

ব্রাউজার সমর্থন

সারণীতে দেওয়া সংখ্যা এই বৈশিষ্ট্যকে পূর্ণাঙ্গ সমর্থনকারী প্রথম ব্রাউজারের সংস্করণকে নির্দেশ করে。

Chrome Edge Firefox Safari Opera
41.0 79.0 65.0 10.0 28.0

Chrome, Edge এবং Opera -webkit-optimize-contrast এর crisp-edges মানের অনুবাদ করে।