চিত্র তুলনা
একটি ছবির মূল্য হাজার শব্দ, কিন্তু একটি তুলনা অমূল্য। চিত্র তুলনা উপাদান আপনাকে একটি ইন্টারেক্টিভ স্লাইডারের সাথে পরিবর্তন, আপগ্রেড বা পার্থক্য প্রদর্শন করতে দেয়। দুটি ছবি পাশাপাশি রাখুন এবং দর্শকদের একটি হ্যান্ডেল টেনে আনতে দিন যাতে "আগে" এর উপর "পরে" প্রকাশ করা যায়। হ্যান্ডেল, লেবেল এবং ওভারলে এর উপর সম্পূর্ণ নিয়ন্ত্রণের সাথে, আপনি একটি বাধ্যতামূলক, পেশাদার তুলনা তৈরি করতে পারেন যা সেকেন্ডের মধ্যে জড়িত এবং বিশ্বাস করে।
ইন্টারেক্টিভ ড্র্যাগ-এন্ড-রিভিল স্লাইডার
জাদু মিথস্ক্রিয়া মধ্যে আছে। আপনার “Before” এবং “After” ছবিগুলি আপলোড করুন, তারপর উভয়কে সমানভাবে দেখানোর জন্য 50% থেকে শুরু করার মতো প্রাথমিক দৃশ্যমান অনুপাত ism সেট করুন৷ ব্যবহারকারীরা দুটি চিত্রের মধ্যে স্লাইড করতে হ্যান্ডেলটিতে ক্লিক এবং টেনে আনতে পারেন, তাদের প্রকাশের উপর সরাসরি নিয়ন্ত্রণ দিতে পারেন। ওরিয়েন্টেশন (অনুভূমিক বা উল্লম্ব) চয়ন করুন এবং মাউস টেনে আনুন বা স্পর্শ সোয়াইপে মিথস্ক্রিয়া সেট করুন। এটি পরিবর্তন প্রদর্শনের একটি নিমজ্জিত উপায়।
- স্বজ্ঞাত নিয়ন্ত্রণ: ব্যবহারকারীরা দুটি চিত্রকে ইন্টারেক্টিভভাবে তুলনা করতে একটি হ্যান্ডেল টেনে আনে।
- নমনীয় অভিযোজন: অনুভূমিক (বাম/ডান) বা উল্লম্ব (উপর/নিচে) তুলনা স্লাইডার তৈরি করুন।
- সামঞ্জস্যযোগ্য প্রারম্ভিক বিন্দু: ফলাফল হাইলাইট করতে প্রাথমিক বিভাজন সেট করুন (যেমন, 30% আগে, 70% পরে)।
কাস্টমাইজযোগ্য ওভারলে এবং ক্লিয়ার লেবেল
নিশ্চিত করুন যে দর্শকরা বুঝতে পেরেছেন যে তারা কী দেখছেন। ওভারলেকে সক্ষম করুন “Bore” এবং “After” লেবেলগুলি সরাসরি চিত্রগুলিতে প্রদর্শন করতে৷ এই লেবেলগুলি সম্পূর্ণরূপে কাস্টমাইজ করুন: পাঠ্য, টাইপোগ্রাফি, রঙ এবং পটভূমি পরিবর্তন করুন৷ এমনকি আপনি ওভারলে জন্য একটি গ্রেডিয়েন্ট ব্যবহার করতে পারেন। সাধারন এবং হোভার স্টেটগুলিকে আলাদাভাবে স্টাইল করুন এবং একটি পালিশ, সমন্বিত চেহারার জন্য ওভারলে এর প্যাডিং, মার্জিন এবং সীমানা নিয়ন্ত্রণ করুন।
- কাস্টম লেবেল টেক্সট: "পুরনো/নতুন," "অরিজিনাল/এনহ্যান্সড," ইত্যাদির মতো যেকোনো কিছুতে "আগে/পরে" পরিবর্তন করুন।
- স্টাইলিশ ওভারলে ব্যাকগ্রাউন্ড: লেবেল ব্যাকগ্রাউন্ডের জন্য কঠিন রং, গ্রেডিয়েন্ট বা এমনকি ছবি ব্যবহার করুন।
- ভিজ্যুয়াল প্রসঙ্গ পরিষ্কার করুন: নিশ্চিত করুন যে দর্শকরা কখনই অবাক হবেন না কোন ছবিটি কোনটি।
পেশাদার হ্যান্ডেল এবং কন্টেইনার স্টাইলিং
স্লাইডারটি আপনার ডিজাইনের অংশের মতো হওয়া উচিত, একটি জেনেরিক টুল নয়। হ্যান্ডেলটি সম্পূর্ণরূপে কাস্টমাইজ করুন: এর বারের রঙ এবং আকার পরিবর্তন করুন, আইকন, রঙ এবং ব্যাকগ্রাউন্ড সহ ড্র্যাগ বক্সটি স্টাইল করুন এবং বক্স শ্যাডো এবং বর্ডার ব্যাসার্ধ যোগ করুন। তারপর, সীমানা, প্যাডিং এবং ছায়া সহ প্রধান ধারক (লেআউট স্টাইল) স্টাইল করুন। হ্যান্ডেল থেকে লেবেল থেকে কন্টেইনার um পর্যন্ত প্রতিটি উপাদান আপনার ব্র্যান্ডের জন্য তৈরি করা যেতে পারে।
- ড্র্যাগ হ্যান্ডেল ডিজাইন: আইকন, রঙ এবং হোভার ইফেক্ট সহ স্লাইডার বার এবং টেনে আনা যায় এমন বক্সকে স্টাইল করুন।
- কন্টেইনার পোলিশ: উইজেটে সীমানা, ছায়া এবং ব্যবধান যোগ করুন যাতে এটি আপনার লেআউটে নির্বিঘ্নে ফিট করে।
- রেসপন্সিভ টাচ: হ্যান্ডেলটি এমনভাবে ডিজাইন করা হয়েছে যাতে ডেস্কটপ এবং টাচস্ক্রিন উভয় ডিভাইসেই সহজে ধরা এবং টেনে আনা যায়।
চিত্র তুলনার জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
আমি কি দুটির বেশি চিত্র তুলনা করতে এটি ব্যবহার করতে পারি?
না, এই উপাদানটি বিশেষভাবে দুটি চিত্রের সরাসরি, পাশাপাশি তুলনা করার জন্য ডিজাইন করা হয়েছে। এটি আগে/পরবর্তী পরিস্থিতির জন্য উপযুক্ত। একাধিক ছবি বা অবস্থা প্রদর্শন করতে, পরিবর্তে একটি গ্যালারি স্লাইডার বা ইমেজ ক্যারোজেল ব্যবহার করার কথা বিবেচনা করুন।
মোবাইল ফোনে এটি কীভাবে কাজ করে?
পুরোপুরি! স্লাইডারটি সম্পূর্ণ স্পর্শ-বান্ধব। ব্যবহারকারীরা হ্যান্ডেলটি সরাতে বাম/ডান (বা উপরে/নিচে) সোয়াইপ করতে পারেন। উপাদানটি প্রতিক্রিয়াশীল, এবং আপনি এলিমেন্টরের প্রতিক্রিয়াশীল সম্পাদনা মোডে মোবাইলের জন্য লেবেল আকার এবং হ্যান্ডেলের আকারের মতো সেটিংস সামঞ্জস্য করতে পারেন।
আমি কি লেবেলে পাঠ্য পরিবর্তন করতে পারি?
একেবারে। আপনি কন্টেন্ট সেটিংসে সরাসরি যা চান তাতে ডিফল্ট “Bore” এবং “After” টেক্সট পরিবর্তন করতে পারেন। এটি আপনাকে যেকোনো দৃশ্যের জন্য লেবেল কাস্টমাইজ করতে দেয়, যেমন “Day/Night,” “Without/With,” বা “Product A/Product B।”
উল্লম্ব অভিযোজন জন্য সেরা ব্যবহার কি?
উল্লম্ব স্লাইডারগুলি লম্বা ছবিগুলির তুলনা করার জন্য দুর্দান্ত, যেমন পূর্ণ-দৈর্ঘ্যের প্রতিকৃতি, বিল্ডিং সম্মুখভাগ, বা যেকোনো “টপ বনাম নীচে" রূপান্তর৷ এটি একটি অনন্য ভিজ্যুয়াল পছন্দ যা অনুভূমিক বিষয়বস্তুর একটি পৃষ্ঠায় আপনার তুলনাকে আলাদা করে তুলতে পারে।
দুটি উচ্চ-রেজোলিউশন ছবি ব্যবহার করা কি আমার পৃষ্ঠাকে ধীর করে দেবে?
এটা করতে পারে, যদি ছবিগুলো খুব বড় হয়। ইমেজ রেজোলিউশন সেটিংটি বুদ্ধিমানের সাথে ব্যবহার করুন (যেমন, 'পূর্ণ' এর পরিবর্তে "বড়") এবং আপলোড করার আগে সর্বদা ওয়েবের জন্য আপনার ছবি অপ্টিমাইজ করুন। উপাদানটি নিজেই হালকা, কিন্তু ইমেজ ফাইলের আকার কর্মক্ষমতার জন্য প্রধান ফ্যাক্টর।
আমি কি বেশিরভাগ লুকানো "আফটার" ইমেজ দিয়ে স্লাইডার শুরু করতে পারি?
হ্যাঁ, দৃশ্যমান অনুপাত সেটিং ব্যবহার করুন। আপনি যদি এটিকে 90% এ সেট করেন, তাহলে "Before” ইমেজটি 90% জায়গা নেবে, ব্যবহারকারী হ্যান্ডেলটি টেনে না আনা পর্যন্ত বেশিরভাগ "After” ইমেজ লুকিয়ে রাখবে৷ এটি একটি আশ্চর্য প্রকাশ তৈরি করার জন্য দুর্দান্ত।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
