כיצד פועלת שינוי גודל של תמונות?

ברוב המקרים, צילום המסך שאני מנסה לצמצם בדפדפן אך אני רוצה לייצא אותו כגדול יותר. אני משתמש בערכי הגובה והרוחב כדי לציין מה הגובה והרוחב של האלמנט בדף האינטרנט ואז מעביר את ערך הרוחב והגובה הרצוי לי (שיהיה אותו יחס גובה-רוחב). במקרים מסוימים, הגובה גדול פי 2-4 מהגובה וזה מתחיל להפוך את התמונה למטושטשת מאוד.

כל האלמנטים בתוך המחלקה שאני מנסה לתפוס אינם מוגדלים יותר מ 100% מגודלם. כך למשל, רוחב הרווח עשוי להיות 300 פיקסלים ואני רוצה שייצא כ 900 פיקסלים ברוחב. כל התמונות בתוך אותה חלוקה לא יופיעו יותר מ -300 פיקסלים, אך הרוחב האמיתי שלהן הוא 1000 פיקסלים. בהתחשב בכך שהתמונה היא ברוחב 1000 פיקסלים, לא אמורה להיות לה בעיה להיות ברוחב 900 פיקסלים אבל היא נראית מטושטשת כאילו הייתה באמת תמונה ברוחב 300 פיקסלים שמוקדשת פי 3. 

בנוסף, הטקסט בתמונה זו מטושטש. 

שאלות זוגיות:

  - האם אני עושה משהו לא בסדר?

  - איך גדל גרבזיט? האם זה לוקח צילום מסך ברוחב 300 פיקסלים (בדוגמה שלי לעיל) ואז מגדיל אותו אחרי? או שמא קודם כל משנים את האלמנטים שלי מ- HTML ואז מחזירים את צילום המסך?

  - האם הדרך היחידה להשיג את מה שאני רוצה להמיר את ה- HTML כך שכל ערכי הגובה והרוחב יגדלו בקנה המידה שאני רוצה?

אני משתמש בשיטת ConvertHTML עם DataURI

תודה.

מידע על השימוש תמונות HD ניתן למצוא כאן.

אתה צריך להשתמש בפרמטר hd ו- -1 ברוחב והיה זה יכפיל את גודל התמונה.

לא מומלץ להשתמש ברוחב כדי לקבוע את הגודל המדויק. בנוסף, הגדרת הגובה פירושה שהתמונה מוגדלת ואז מגולגלת בצורה חכמה שתטשטש את התמונה.

תמונות HD עובדות על ידי התקרבות בחלון הדפדפן ויצירת צילום מסך.

תודה. הבעיה היא שה- HD מתדרדר רק פי 2 ולפעמים אני צריך יותר מזה. האם יש דרך לעשות עבורי הגדרה כמו HD, בה אני מגדיר את קנה המידה? אם לא, האם יש דרך אחרת להשיג את מה שאני מנסה לעשות?

נכון לעכשיו, נראה כי הדרך היחידה מבחינתי להשיג את מה שאני רוצה היא ללכוד את ה- HTML, ואז להשתמש ב- javascript כדי להתאים את כל הסגנונות המוטבעים של גובה ורוחב ולהחליף לגובה ולרוחב של הסולם שאני רוצה.

תודה

אוקי, אתה יכול להגדיר זום משלך באמצעות הרוחב, אך עליך להגדיר את הגובה ל- -1 כדי למנוע את שינוי גודל התמונה באורך.

אבל אני רוצה לשנות את גובה הגובה גם כן. אז אם יש לי תמונה בגודל 300x300 על המסך אבל אני רוצה שהיא מיוצאת כ- 900x900, הגדרת הגובה ל- -1 גורמת לתמונה בגודל 900x300. 

כן, מצטער שאתה צודק לגבי הגדרת הגובה.

נראה שזום באמצעות הגדרת הרוחב נשבר כרגע. העלתי תיק לתיקון זה.

אוקי תודה שידעת אותי. יש לך מושג כמה זמן הדברים האלה לוקחים? אני יודע שקשה לתת לוחות זמנים, אבל כל תחושת תזמון תועיל לי.  

אני מקווה שביום המחרת בערך.

זה יהיה מדהים, תודה. 

הבעיה נפתרה כעת.

נהדר, תודה שעבדת על זה כל כך מהר. האם זה משהו שאראה בסוף שלי מיד או שייקח קצת זמן? הסיבה שאני שואל היא מכיוון שבדיוק בדקתי את זה וזה נראה אותו דבר. 

שוב תודה

בדיוק ניסיתי את זה והזום עובד כאשר הרוחב גדול מרוחב הדפדפן.

אולי אני לא מבין מה תוקן. אני בודק את אותה חלוקה אך עם גדלי דפדפן שונים. ככל שהדפדפן קטן יותר, התמונה הסופית מטושטשת יותר, למרות שהיא זהה לחלוטין.  

במילים אחרות, יש לי תמונה סופית שתהיה 1000 פיקסלים x 1000 פיקסלים. בדקתי את זה כאשר ה- div בדפדפן הוא 800x800, 600x600, 400x400 וכו 'וככל שרוחב / גובה קטן יותר (או בקנה מידה גדול יותר עד לרוחב / גובה סופי), התמונה הסופית מטושטשת יותר. 

אם התמונה שלי נראית נהדר כאשר רוחב רוחב / גובה הוא 800x800, האם היא לא צריכה להיראות זהה כאשר התמונה היא 400x400? 

תודה

מומלץ להשתמש ב- HD מכיוון שהוא פשוט מכפיל את גודל התמונה שמניב את התוצאות הטובות ביותר.

התיקון אומר שזום מתבצע בפועל אם הרוחב גדול מרוחב הדפדפן.

אם אתה משתמש ברוחב ובגובה עליך להכפיל או לשלש וכו 'את הרוחב והגובה ביחס לממדי הדפדפן כדי ליצור את התוצאות הטובות ביותר. הסיבה לכך היא שלמרבה הצער זום עובד ברמות ולא באחוזים. אז כל זום באחוזים המחושב מהבדלי הרוחב חייב להיות מומר לרמה שכנראה לא מדויקת במיוחד אם זה לא גורם פשוט בגודל.

HD אינו משהו שאני יכול להשתמש בו (אלא אם כן חסר לי משהו) מכיוון שבמקרים מסוימים אני זקוק לממד מדויק, ולא פי 2 מהגודל. ובמקרים מסוימים אני צריך יותר מפי 2.

תן לי לראות אם אני מבין מה אתה אומר. נניח שיש לי HTML בגודל 200x200 ואני רוצה שהגודל הסופי יהיה 900x900. זה 4.5 x הגודל. אתה אומר שזה ייצור את זה רק כ- 800x800 או 1000x1000 (4X או 5x בגודל) עם התוצאות הטובות ביותר אבל ההבדל .5x הוא זה שיוצר את הטשטוש?

אם יש לי נכון זה, הפיתרון הטוב ביותר הוא לעשות מניפולציה ב- HTML לפני שליחתו? אז בעצם, עלי ליצור HTML בגודל הנכון ואז לא אצטרך שום זום?

תודה

כן די, ככל שהרמות הולכות וגדלות ככל שהזום עולה.

אז זום שאינו x2, x3 או x4 לא יהיו מדויקים מכיוון שהמידות יהיו כבויות. יש גם רק עשר רמות זום פוטנציאליות כך שלדעתי משווה למקסימום של X5.