איך להציג צילום מסך של אתר שלם ברזולוציה גבוהה
לפני שנתיים וחצי פרסמתי את הפוסט שילוב תמונה ענקית באתר באמצעות ה-API של גוגל מפות. זה פוסט מגניב שאני אוהב כי הוא מסובך ועושה האקינג מאד מייגע כדי לאפשר הצגת תמונה מאד ברזולוציה גבוהה עם אפשרות לעשות zoom in בתמונה.
הבעיה עם הצגה של תמונה ברזולוציה גבוהה היא, מלבד המשקל וזמן טעינת הדף, גם הצורך להראות את התמונה בכללותה ומצד שני לאפשר להתמקד בפרטים בתוך התמונה, כמו למשל בהצגת מפה. אני נתקל בצורך הזה לפעמים כשאני רוצה להציג תמונת מסך של אתר אינטרנט. מצד אחד אני רוצה שיראו את האתר כולו כולל הגלילה כתמונה אחת שלמה, מצד שני רוצה שיוכלו לראות פרטים מתוך האתר ולקרוא את הטקסטים. הנה שירות שמאפשר לעשות את זה בקלות.
שירות Zoom.it להצגת תמונות ברזולוציה גבוהה
Zoom.it
כאמור השיטה שתוארה באותו פוסט היא מעט (הרבה) מורכבת ודורשת עבודה. כדי לעשות את אותו דבר אבל בקלות, אפשר להשתמש בשירות Zoom.it מבית -Live של מיקרוסופט שמאפשר לאמבד באתר תמונה ברזולוציה גבוהה. זהו שירות מוצלח למדי שעובד יופי. צריך רק להעלות או לקשר לתמונה ולקבל את הקוד להטמעה באתר (או קישור אל התמונה ב-Zoom.it). כשמוסיפים תמונה מקישור ישירות מפליקר זה גם מציג את הפרטים ובכלל, אחלה. בנוסף, ל-Zoom.it יש גם פונקציות API אותן לא בדקתי, אבל הן שם.
דוגמא אפשר לראות כאן למטה עם הטמעה של עמוד שלם מוואינט (קוראים דרך רסס יכולים לראות כאן)
נראה שהשירות המדהים הזה לא עובד בגוגל כרום כמו שצריך
וגם לא בפיירפוקס על אובונטו
לא רואים בפיירפוקס גל על חלונות.
מדהים!
It is not working in firefox. But its good to know about it. I will check about it from website.
<p>האם העובדה שהשרת יושב בחו\"ל לא משפיעה משמעותית על קצב הטעינה?</p>
<p> </p>
<p><a href=\"http://www.deals2eilat.co.il\">דילים לאילת</a></p>
<p><a href=\"http://www.ben10tv.co.il\">בן 10</a></p>
שירות מדהים! תודה על העזרה.