DIY মিডিয়া হোম লোগো

আপনার নিজের হোম থিয়েটার এবং হাই ফাই সেটআপ নকশা ও নির্মাণের জন্য চূড়ান্ত সাইট.

0HTML5 এর লোগোওয়েবসাইটের জন্য প্রতিক্রিয়াশীল পশ্চাদপট চিত্র

আমি সম্প্রতি আমার ওয়েবসাইট এবং ওয়েব সার্ভার আপডেট করছি এবং একটি নতুন সাইট যোগ (LoveCrete.org). আমি LoveCrete একটি ব্যাকগ্রাউন্ড ইমেজ চেয়েছিলেন এবং উপলব্ধি করেন যে অবশ্যই 1 সাইজ সমস্ত পর্দা মাপসই করা হবে না. এখানে একটি সারসংক্ষেপ কি আমার চিন্তা ছিল এবং কি আমি অনেক পর্দা মাপ এবং ওরিয়েন্টেশন জন্য খাদ্যাদি করেনি.

কোনটি অভিযোজন

আমি নিজেকে সব ব্যবহৃত সাধারণ রেজুলেশন একটু টেবিল তৈরীর শুরু পিসি এবং ট্যাবলেট (অনুভূমিক সজ্জাতে). আমি এই ফোকাস করতে কারণ অধিকাংশ ইমেজ ভূদৃশ্য পাওয়া যায় তাই এটি একটি যুক্তিসম্মত জায়গা থেকে শুরু করার সিদ্ধান্ত নিয়েছে.

আমি সিদ্ধান্ত নিয়েছি যে আমি ছবি কেন্দ্রীয়ভাবে পৃষ্ঠাতে স্থাপন এবং প্রান্ত কিছু দৃষ্টান্ত পর্দার প্রান্ত বন্ধ হারিয়ে যেতে দেওয়া হবে. একটি ফোন প্রতিকৃতি সজ্জাতে ব্যবহার করা হয় যখন এটি উচ্চতা উপর ভিত্তি করে ইমেজ লোড করা হবে (না প্রস্থ) এবং ইমেজ উভয় প্রান্ত থেকে অনেক কিছু হারাবেন. এটা অন্য কোন উপায় এরকম একটি সম্পূর্ণ ভিন্ন আকৃতি মুণ্ডিত ইমেজ প্রয়োজন বা আড়াআড়ি ইমেজ থাকার অর্থ হবে “টালি” একটি লম্বা পর্দায়, যা কাম্য নয়.

সর্বাধিক মাপ ইমেজ অনুপাত প্রতি গ্রুপে করতে চারদিকে ছিল 1.6 কয়েক একটি বিট উচ্চতর সহ. কিছু সহজ রাখার জন্য আমি একটি অনুপাত ব্যবহার করার সিদ্ধান্ত নিয়েছে 16:10 সব ইমেজ জন্য এবং মাপ অনুসারে করা নিয়ে এসেছেন.

এই উপায়ে অধিকাংশ ক্ষেত্রে ইমেজ স্ক্রিন সাইজ করার জন্য একটি নিখুঁত ফিট হবে না, কিন্তু সব পর্দা কিছু খুব ঘনিষ্ঠ পাবেন এবং কোন পর্দা কিছু খুব ছোট দিয়ে শেষ হবে. এটিও মানে একটি উৎস চিত্রে মুণ্ডিত করা যেতে পারে 16:10 একবার এবং তারপর একাধিক মাপ সহজে নির্মিত

প্রচলিত ভূদৃশ্য রেজল্যুশন গ্রুপ

উচ্চতাপ্রস্থবানানোর জন্য চিত্রমন্তব্য
4:316:1016:9
2160288038402400×38404ট UHD
1600
1536
1440

2048
1920
2560



2560
1600×2560
1200
1080
1050
1600
1440
1400
1920

1680

1920
1200×1920সম্পূর্ণ HD 1080p
960
900
1280
1200
1536
1440

1600
1000×1600
800
768
720

1024
960
1280



1280
800×1280720পি
600
576
800
768
960

1024
640×1024
480640768480×768

যেহেতু আপনি দেখতে পারেন আমি বেশ কয়েক রেজুলেশন দলবদ্ধ আছে এবং তারপর করতে হবে 1 ইমেজ যে সব উচ্চতা গোষ্ঠীর সর্ববৃহৎ উচ্চতা পর্যন্ত আবরণ হবে. আমি নিশ্চিত ছবিটি একটি স্বাভাবিক পর্দায় সঙ্গে যুক্ত করা যেতে পারে যেমন একটি উচ্চতা প্রস্থ সর্বোচ্চ যথেষ্ট চওড়া হয় করতে হবে. আমি অস্বাভাবিক কনফিগারেশনের অ্যাকাউন্ট নিয়েছি 21:9 মনিটর বা একাধিক পর্দা – সেখানে একটা সীমা কোথাও হতে হয়েছে!

কারণ সিএসএস ভিউপোর্ট বা ব্রাউজার আকার ব্যবহার এবং স্ক্রিন সাইজ ভূদৃশ্য পর্দা উচ্চতার তুলনায় বরং প্রস্থ ব্যবহার করতে হবে – সবচেয়ে সিস্টেমে যেমন উপরে এবং শিরোনামের সাথে নীচে হারান স্থান বার ইত্যাদি থাকাকালীন প্রস্থ সাধারণত বড় করা হয়. যাহোক, প্রতিকৃতি প্রদর্শনের জন্য এটা উচ্চতা সম্পত্তি ব্যবহার করা ভাল. এই যেমন কাজ করা যেতে পারে সিএসএস পর্দা স্থিতিবিন্যাস চিহ্নিত করতে পারেন

দী সিএসএস ব্যবহৃত তারপর নিম্নরূপ দেখায়

শরীর{পটভূমি পুনরাবৃত্তি: নো-পুনরাবৃত্তি; পৃষ্ঠভূমি সংযুক্তি: স্থির; পটভূমি অবস্থানে রয়েছে এমন: কেন্দ্র কেন্দ্র; পটভূমি আকার: আবরণ;}

@মিডিয়া (সর্বোচ্চ প্রস্থ: 768px আকারে) {শরীর { পটভূমি চিত্র: URL(bg480.jpg); }}
@মিডিয়া (মিনিট-প্রস্থের:769px আকারে) এবং (সর্বোচ্চ প্রস্থ: 1024px আকারে) {শরীর { পটভূমি চিত্র: URL(bg640.jpg); }}
@মিডিয়া (মিনিট-প্রস্থের:1025px আকারে) এবং (সর্বোচ্চ প্রস্থ: 1280px আকারে) {শরীর { পটভূমি চিত্র: URL(bg800.jpg); }}
@মিডিয়া (মিনিট-প্রস্থের:1281px আকারে) এবং (সর্বোচ্চ প্রস্থ: 1600px আকারে) {শরীর { পটভূমি চিত্র: URL(bg1000.jpg); }}
@মিডিয়া (মিনিট-প্রস্থের:1601px আকারে) এবং (সর্বোচ্চ প্রস্থ: 1920px আকারে) {শরীর { পটভূমি চিত্র: URL(bg1200.jpg); }}
@মিডিয়া (মিনিট-প্রস্থের:1921px আকারে) এবং (সর্বোচ্চ প্রস্থ: 2560px আকারে) {শরীর { পটভূমি চিত্র: URL(bg1600.jpg); }}
@মিডিয়া (মিনিট-প্রস্থের:2561px আকারে) {শরীর { পটভূমি চিত্র: URL(../ইমেজ / bg2400.jpg); }}

@মিডিয়া (ঝোঁক: প্রতিকৃতি){
@মিডিয়া (সর্বোচ্চ উচ্চতা: 480px আকারে) {শরীর { পটভূমি চিত্র: URL(bg480.jpg); }}
@মিডিয়া (মিনিট-উচ্চতা:481px আকারে) এবং (সর্বোচ্চ উচ্চতা: 640px আকারে) {শরীর { পটভূমি চিত্র: URL(bg640.jpg); }}
@মিডিয়া (মিনিট-উচ্চতা:641px আকারে) এবং (সর্বোচ্চ উচ্চতা: 800px আকারে) {শরীর { পটভূমি চিত্র: URL(bg800.jpg); }}
@মিডিয়া (মিনিট-উচ্চতা:801px আকারে) এবং (সর্বোচ্চ উচ্চতা: 1000px আকারে) {শরীর { পটভূমি চিত্র: URL(bg1000.jpg); }}
@মিডিয়া (মিনিট-উচ্চতা:1001px আকারে) এবং (সর্বোচ্চ উচ্চতা: 1200px আকারে) {শরীর { পটভূমি চিত্র: URL(bg1200.jpg); }}
@মিডিয়া (মিনিট-উচ্চতা:1201px আকারে) এবং (সর্বোচ্চ উচ্চতা: 1600px আকারে) {শরীর { পটভূমি চিত্র: URL(bg1600.jpg); }}
@মিডিয়া (মিনিট-উচ্চতা:1601px আকারে) {শরীর { পটভূমি চিত্র: URL(bg2400.jpg); }}
}

আপনার নিজস্ব কিছু চিন্তা পেয়েছেন? নিজেকে মন্তব্য করে নিচের প্রশ্রয় দেয়! আপনি সদস্যতা করতে চান তাহলে উপরের ডানদিকের মেনু এর লিঙ্কে সাবস্ক্রাইব ব্যবহার করুন. এছাড়াও আপনি নীচের সামাজিক লিঙ্ক ব্যবহার করে আপনার বন্ধুদের সাথে ভাগ করতে পারেন. চিয়ার্স.

উত্তর দিন