Tutorial: Resize, Upload & Post Image

Περισσότερα
16 Χρόνια 4 Μήνες πριν #231 από Magnum
Tutorial: Resize, Upload & Post Image δημιουργήθηκε από Magnum
Θα εξηγήσω αναλυτικά πως γίνεται Resize σε μία εικόνα προκειμένου να πληρεί τις προϋποθέσεις για να "ανεβεί" στο site μας και πως γίνεται το "ανέβασμά" της σε κάποιον free image hosting server.

Έστω ότι έχουμε αυτήν την εικόνα:

Αυτή η εικόνα είναι κρυμμένη για τους επισκέπτες.
Παρακαλούμε συνδεθείτε ή εγγραφείτε για να τη δείτε.



Όπως βλέπουμε είναι 1600x1200 pixels (Σύνηθης Ανάλυση για Wallpaper)

1)Ανοίγουμε την εικόνα αυτήν με την ζωγραφική των Windows (Δεν πιστεύω να θέλετε βοήθεια και γι' αυτό! :P )

2)Επιλέγουμε Αυξομείωση/Παραμόρφωση όπως φαίνεται στην εικόνα παρακάτω:

Αυτή η εικόνα είναι κρυμμένη για τους επισκέπτες.
Παρακαλούμε συνδεθείτε ή εγγραφείτε για να τη δείτε.


VWEOS.gr- Το αρχείο εικόνας μπορεί να είναι το πολύ (πλάτος x ύψος - μέγεθος): 499x499 - 50 KB[/b]

Αυτό σημαίνει ότι εφόσον επιλέξουμε να "ανεβάσουμε" την εικόνα μέσω του
editor του EOSClub πρέπει να μικρύνουμε την εικόνα κρατώντας όμως σταθερές
τις αναλογίες των πλευρών της προκειμένου να μην παραμορφωθεί.


Στην συγκεκριμένη περίπτωση μία μείωση της τάξης του 25% είναι αρκετή
(Το νέο μέγεθος της εικόνας θα είναι 400x300 pixels)

Αυτή η εικόνα είναι κρυμμένη για τους επισκέπτες.
Παρακαλούμε συνδεθείτε ή εγγραφείτε για να τη δείτε.



1)Γράφουμε στο πλαίσιο το ποστοστό που επιθυμούμε
2)Γράφουμε στο πλαίσιο το ποστοστό που επιθυμούμε
3)Πατάμε ΟΚ

Κατόπιν πηγαίνουμε Αρχείο->Αποθήκευση ως...
Επιλέγουμε τον προορισμό και το όνομα αρχείου και το αποθηκεύουμε ως αρχείο JPEG.
Αυτό το κάνουμε γιατί αν το αποθηκεύσουμε σαν bitmap (.bmp) το μέγεθος της εικόνας ξεφεύγει κατα πολύ (προς τα πάνω)

Και έχουμε την εικόνα μας resized και έτοιμη να την ανεβάσουμε στο Site.
H διαδικασία αυτή έχει ως εξής:

1) Πηγαίνουμε να δημιουργήσουμε ένα νέο Post.
2) Στον editor κάνουμε τα εξής:

Αυτή η εικόνα είναι κρυμμένη για τους επισκέπτες.
Παρακαλούμε συνδεθείτε ή εγγραφείτε για να τη δείτε.



1) Πατάμε "Αναζήτηση" και επιλέγουμε την εικόνα από εκεί που την αποθηκεύσαμε πριν
2) Πατάμε το img για να εμφανιστεί στο edit box. (Και αυτό το tag στην ουσία είναι η εικόνα μας)
3) Είμαστε έτοιμοι με την εικόνα. Συμπληρώνουμε ότι άλλο θέλουμε και πατάμε "Υποβολή"

Όλα τα παραπάνω σε περίπτωση που θέλαμε να βάλουμε την εικόνα στον server του VWEOS.gr
Είναι προτιμότερο όμως να "ανεβάζουμε" τις εικόνες σε έναν free image hoster διότι
και δεν επιβαρύνεται ο server μας αλλά και διότι δεν υπάρχει (σχετικά) περιορισμός σε μέγεθος εικόνας και ανάλυση.

Οπότε συνιστάται η διαδικασία από εδώ και κάτω.

Δύο από τους καλύτερους δωρεάν image hosters είναι:
www.imageshack.us
www.picoodle.com

Eγώ σε αυτό το tutorial θα χρησιμοποιήσω το δεύτερο.
Ας ανοίξουμε την σελίδα www.picoodle.com

Αυτή η εικόνα είναι κρυμμένη για τους επισκέπτες.
Παρακαλούμε συνδεθείτε ή εγγραφείτε για να τη δείτε.



1) Πατάμε "Αναζήτηση" και επιλέγουμε την εικόνα από τον υπολογιστή μας.
2) Πατάμε "UPLOAD IT!
3) Περιμένουμε να "ανεβεί" η εικόνα.

Εφόσον ανέβηκε η εικόνα βλέπουμε κάτι τέτοιο:

Αυτή η εικόνα είναι κρυμμένη για τους επισκέπτες.
Παρακαλούμε συνδεθείτε ή εγγραφείτε για να τη δείτε.



1) Επιλέγουμε με ένα απλό κλικ το κυκλωμένο Link
2) Πατάμε Ctrl+C (Αντιγραφή)
3) Πηγαίνουμε στον editor του EosClub και πατάμε Ctrl+V (Επικόλληση)

Και είμαστε έτοιμοι έχοντας σε full-sized direct link την εικόνα μας.

Ουφ..

Αυτή η εικόνα είναι κρυμμένη για τους επισκέπτες.
Παρακαλούμε συνδεθείτε ή εγγραφείτε για να τη δείτε.


Δεν περιγράφω άλλο...


__________________________________________________________________________


Εdited by Magnum: Εναλλακτικός τρόπος by Coo

__________________________________________________________________________


1. Μπαίνουμε στη σελίδα www.picoodle.com
__________________________________________________________________________

2. Ακολουθούμε με τη σειρά τα εξής βήματα:

[img=http://img26.picoodle.com/img/img26/4/6/7/f_NewBitmapImm_e58fe3d.jpg][/url] __________________________________________________________________________ 3. Μετά αντιγράφουμε τον κώδικα (ΑΝΤΙΓΡΑΦΗ / COPY) [url=http://www.picoodle.com/view.php?img=/4/6/7/f_NewBitmapImm_e43949e.jpg&srv=img26][img=http://img26.picoodle.com/img/img26/4/6/7/f_NewBitmapImm_e43949e.jpg][/url] __________________________________________________________________________ 4. Τον βάζουμε με επικκόληση (paste) στο Post μας... Απλό! [/b] [img]http://www.desktopexchange.com/gallery/albums/Big_emoticons/blosh.thumb.gif[/img]

Π Α Σ Χ Α Λ Η Σ

EOS 1.4 TSI

Για ρίξτε μια ματιά στο EOS εδώ

Παρακαλούμε Σύνδεση ή Δημιουργία λογαριασμού για να συμμετάσχετε στη συζήτηση.

Συντονιστές: nikitas tsi