একটি ওয়েব পৃষ্ঠা মুদ্রণ করতে পিক্সেল নিরাপদ প্রস্থ কি?
আমার পৃষ্ঠায় বৃহত্তর চিত্র রয়েছে এবং আমি নিশ্চিত করতে চাই যে সেগুলি মুদ্রিত হওয়ার পরে কাটা হবে না।
আমি বিভিন্ন ব্রাউজারের মার্জিন এবং ইউএস লেটার / ডিআইএন এ 4 কাগজের আকারগুলি সম্পর্কে জানি। সুতরাং আমরা স্ট্যান্ডার্ড লেটার আকার এবং কিছু ডিফল্ট ডিপিআই মান পেয়েছি। তবে আমি কি এগুলিকে চিত্রের বৈশিষ্ট্যে নির্দিষ্ট করতে পিক্সেল মানগুলিতে রূপান্তর করতে পারি width?
উত্তর:
সত্য "সার্বজনীন উত্তর" হিসাবে, আমি একটি সরবরাহ করতে পারি না। তবে আমি কিছু বিবরণের জন্য একটি সহজ এবং চূড়ান্ত উত্তর সরবরাহ করতে পারি ...
670 পিক্সেলস
কমপক্ষে এটি মাইক্রোসফ্ট পণ্যগুলির জন্য একটি নিরাপদ উত্তর বলে মনে হচ্ছে। আমি 7575৫ সহ অনেকগুলি পরামর্শ পড়েছি, তবে এটি পরীক্ষা করার পরে আমি নিজেই 670 যা নিয়ে এসেছি।
সমস্ত ডিপিআই, মার্জিন ইস্যু, হার্ডওয়্যার পার্থক্যগুলি আলাদা করে রাখুন, এই উত্তরটি এই ভিত্তিতে তৈরি করা হয় যে আমি যদি আই 9-এ মুদ্রণ পূর্বরূপ ব্যবহার করি (স্ট্যান্ডার্ড মার্জিন সহ) - এবং "ফিট করতে সঙ্কুচিত" এর ডিফল্টের পরিবর্তে প্রিন্ট সাইজটি 100% নির্ধারণ করি , এই প্রস্থে বিচ্ছিন্ন না হয়ে সমস্ত কিছু পৃষ্ঠায় ফিট করে।
আমি যদি নিজের কাছে কোনও HTML ইমেল প্রেরণ করি এবং এটি উইন্ডোজ লাইভ মেল 2011 (কী আউটলুক এক্সপ্রেস হয়ে উঠেছে) এর সাথে গ্রহণ করি এবং আমি পৃষ্ঠাটি 670 প্রস্থে মুদ্রণ করি - আবার সবকিছু ফিট হয়। আমি যদি এটি একটি সত্যিকারের হার্ড কপি বা এমএস এক্সপিএস ফাইল (ভার্চুয়াল প্রিন্টআউট) প্রেরণ করি তবে এটি সত্য holds
আমি পরীক্ষা-নিরীক্ষার আগে, আমি 700 টি স্বেচ্ছাসেবী প্রস্থ ব্যবহার করছিলাম above পৃষ্ঠার উপরে উল্লিখিত সমস্ত দৃশ্যে কাটা পড়ছিল। আমি যখন reduced70০ এ নামিয়েছি তখন সবকিছু পুরোপুরি ফিট করে।
আমি প্রস্থটি কীভাবে সেট করেছি - আমি কেবল একটি আদিম "র্যাপার" এইচটিএমএল টেবিল ব্যবহার করেছি এবং এর প্রস্থটি 670 হতে হবে বলে সংজ্ঞায়িত করেছি।
আপনি যদি শেষ ব্যবহারকারীর সফ্টওয়্যারটি নির্ধারণ করতে পারেন তবে এই জাতীয় বিষয়গুলি সরাসরি এগিয়ে যেতে পারে। আপনি যদি না করতে পারেন (যেমন সাধারণত এটি অবশ্যই হয়) তবে আপনি কোন ব্রাউজারগুলি ব্যবহার করছেন ইত্যাদি সম্পর্কিত বিশদটি পরীক্ষা করতে পারেন এবং গুরুত্বপূর্ণগুলির সমাধানগুলি হার্ডকোড করতে পারেন। আইআই এবং এফএফ এর মধ্যে আপনি প্রায় 90% ওয়েব ব্যবহারকারীকে আচ্ছাদন করতে পারবেন cover "প্রত্যেকে" এর জন্য অন্য কিছু কোড রাখুন যা সাধারণত মনে হয় এটি কাজ করে এবং এটিকে একদিন কল করে ...
এটি দেখতে দেখতে সোজা নয়। আমি কেবল একটি অনুরূপ প্রশ্নে চলেছি এবং আমি যা পেয়েছি তা এখানে: প্রথমত, উইকিপিডিয়ায় একটি সামান্য ব্যাকগ্রাউন্ড ।
এর পরে, সিএসএসে, কাগজের জন্য, তাদের কাছে ptপয়েন্ট বা 1/72 ইঞ্চি রয়েছে। সুতরাং আপনি যদি মনিটরের মতো চিত্রের আকার পেতে চান তবে প্রথমে আপনার মনিটরের ডিপিআই / পিপিআই জানতে হবে (সাধারণত উইকিপিডিয়া নিবন্ধে উল্লিখিত হয়েছে), তারপর এটি ইঞ্চিতে রূপান্তর করুন, তারপরে এটিকে রূপান্তর করুন পয়েন্ট (by২ দ্বারা ভাগ)
তবে আবার, ব্রাউজারগুলিতে মুদ্রণযোগ্য সামগ্রী সহ সমস্ত প্রকারের সমস্যা রয়েছে, উদাহরণস্বরূপ, আপনি যদি ফ্লোট সিএসএস ট্যাগ ব্যবহার করার চেষ্টা করেন তবে গেকো-ভিত্তিক ব্রাউজারগুলি আপনার চিত্রগুলি মাঝের পৃষ্ঠাটি কেটে ফেলবে, এমনকি আপনি পৃষ্ঠা-বিরতি-অভ্যন্তর ব্যবহার করেন: এড়ানো ; আপনার চিত্রগুলিতে (এখানে দেখুন, মজিলা বাগ ট্র্যাকিং সিস্টেমে )
এ লিস্ট অ্যাওয়ারের এই নিবন্ধে ব্রাউজার থেকে মুদ্রণের বিষয়ে আরও অনেক কিছু রয়েছে ।
তদ্ব্যতীত, আপনাকে মুদ্রণ পূর্বরূপে এবং "বিবিধ কাগজ মাপ এবং অভিযোজন" প্রস্থে "সঙ্কুচিতভাবে ফিট" করতে হবে।
হয় আপনি ইঞ্চিতে একটি ভাল চিত্রের আকারটি সন্ধান করতে পারেন, আমার অর্থ হচ্ছে পয়েন্টগুলি (7.1 "* 72 = 511.2 তাই) width: 511pt; পিক্সেলের আকার নির্বিশেষে অক্ষরের আকারের কাগজের জন্য কাজ করবে) বা প্রস্থ শতাংশের প্রশস্ততা ছাড়াই এবং আপনার চিত্রের প্রস্থকে ভিত্তি করবে কাগজ আকারে।
শুভকামনা ...
আমি যে সমস্যার সমাধান পেয়েছি তার একটি সমাধান হ'ল মাত্র ইঞ্চি প্রস্থ স্থাপন করা। এখনও পর্যন্ত আমি কেবল ক্রোমে এটি কাজ করে যাচাই করেছি / নিশ্চিত করেছি। এটি যেটির জন্য আমি ব্যবহার করছিলাম তার জন্য এটি ভাল কাজ করেছে (একটি 8.5 x 11 শীট প্রিন্ট করতে)
@media print {
.printEl {
width: 8.5in;
height: 11in;
}
}
@media print, আপনি সেগুলি সেট করতে পারেন। আপনি সেট করতে পারেন size: letterবা size: A4। smashingmagazine.com/2015/01/designing-for-print-with-css
মুদ্রণের জন্য আমি কোনও প্রস্থ নির্ধারণ করি না এবং আপনার মুদ্রণ বিন্যাসকে গতিশীল প্রস্থ হতে বাধা দেয় এমন কোনও বাধা অপসারণ করি না। মানে আপনি যদি নিজের ব্রাউজারের উইন্ডোটিকে আরও ছোট এবং ছোট করেন তবে কোনও সামগ্রী কাটা / লুকানো থাকে না তবে দস্তাবেজটি কেবল দীর্ঘ হয়। এটির মতো, আপনি নিশ্চিত থাকতে পারেন যে বাকীগুলি মুদ্রক / পিডিএফ-স্রষ্টা দ্বারা পরিচালিত হবে।
চিত্র বা টেবিলের মতো নির্দিষ্ট প্রস্থযুক্ত উপাদানগুলির সম্পর্কে কী?
বিকল্পগুলি যা আমি ভাবতে পারি:
http://www.intensivstation.ch/en/css/print/
বা অন্য কোনও গুগলের ফলাফলের সংমিশ্রণের জন্য: সিএসএস, মুদ্রণ, মিডিয়া, বিন্যাস
কোনও ওয়েব পৃষ্ঠায় মুদ্রিত হলে চিত্রগুলি কাটা না যায় তা নিশ্চিত করার একটি সমাধানের জন্য নিম্নলিখিত সিএসএস বিধি থাকা উচিত:
@media print {
img {
max-width:100% !important;
}
}
একটি মুদ্রক পিক্সেল বুঝতে পারে না, এটি বিন্দু বোঝে (সিএসএসে পিটি)। সর্বোত্তম সমাধান হ'ল মুদ্রণের জন্য একটি অতিরিক্ত সিএসএস লিখে এর সমস্ত ব্যবস্থা বিন্দুতে।
তারপরে, আপনার এইচটিএমএল কোডে, প্রধান বিভাগে, লিখুন:
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<link href="style_print.css" rel="stylesheet" type="text/css" media="print">
<img>ট্যাগটি surroundig <div>DIV আছে পর্তুগীজ ভাষায় একটি উচ্চতা প্রস্থ পায় এবং চিত্র পায়width:100%; height:100%;
আমার সন্দেহ আছে যে এটি একটি ... এটি সেটিংসে ব্রাউজার, প্রিন্টার (শারীরিক সর্বোচ্চ ডিপিআই) এবং তার ড্রাইভারের উপর, কাগজের আকারের উপর নির্ভর করে (এবং আমি বি 5 পেপারেও মুদ্রণ করতে চাই ...), সেটিংসে ( ভূদৃশ্য বা প্রতিকৃতি?), প্লাস আপনি প্রায়ই স্কেল (শতাংশ), ইত্যাদি পরিবর্তন করতে পারেন
ব্যবহারকারীরা তাদের সেটিংস খামচি যাক ...
width:autoযা সামগ্রীর প্রস্থকে কাগজের প্রস্থে সামঞ্জস্য করবে